Домой / Для сайта (страница 3)

Для сайта

Скрипт перехода от нуля до заданного числа

Скрипт перехода от нуля до заданного числа

Предлагаю вашему вниманию пример реализации скрипта, который заполняет значение от нуля до заданного числа. Изменяя в скрипте последнюю строчку можно легко задать конечное значение (число которое получим в результате) и длительность заполнения (время перехода от нуля до заданного значения). HTML CSS JS Читать далее »

Выпадающий текст с помощью CSS и JQuery

Выпадающий текст CSS & jQuery

Эффект выпадания букв создан с помощью CSS и JQuery. Этим оригинальным способом можно разнообразить любой текст на вашем сайте. Я думаю, что можно создать этот же эффект на чистом CSS, но этот метод более интересен. HTML CSS JS Читать далее »

Анимационный ввод текста

Анимационный ввод текста

В этом примере реализован эффект анимации для ввода текста. Используя этот пример вы можете придать оригинальности например, своей контактной форме или любой другой запросной форме, где нужно вводить текст. Изменяя CSS свойство animation вы можете сделать время анимации быстрее или медленнее. HTML CSS JS Читать далее »

Эмоциональные кнопки с помощью CSS и Snap.svg

Эмоциональные кнопки на чистом CSS

Крутые кнопки с эмоциями которые отлично подойдут для голосования, рейтинга или оценки. Реализованы кнопки с помощью CSS и библиотеки Snap.svg.  Данная библиотека в состоянии загружать, анимировать, и даже создавать SVG графику прямо в браузере. Смена эмоций происходит после нажатия на кнопку. HTML CSS JS Читать далее »

Текстовая маска с использованием snap.svg

Текстовая маска с использованием snap.svg

Пример создания анимационной текстовой маски с использованием библиотеки snap.svg. Для тех кто забыл или не знает, Snap.svg —  это библиотека JavaScript, которая призвана помогать веб-разработчикам поставлять расширенные возможности SVG в интернет. Данная библиотека в состоянии загружать, анимировать, и даже создавать SVG графику прямо в браузере. Snap был создан Дмитрием Барановским, который также создал Рафаэля, но в отличие от него, данная  библиотека сделана для ... Читать далее »

Кнопки-переключатели при помощи CSS3 и JS

Кнопки-переключатели при помощи CSS3 и JS

Эффектные кнопки-переключатели при помощи CSS3 и и JS с небольшим анимационным эффектом. Иконки на кнопках из библиотеки шрифта GLYPHICONS, в котором много подготовленных монохроматических значков и символов, которые созданные с акцентом на простоту и легкость применения. HTML CSS JS Читать далее »

Крутые идеи для выпадающего меню

Предлагаем вашему вниманию меню с выбором элементов. Существует много возможностей, и сегодня мы изучаем некоторые варианты того, как позволить пользователю сделать выбор на свой вкус. Сегодня мы хотели бы поделиться с вами идеями по созданию выпадающего меню с выбором вариантов. В формах, где мы хотели бы использовать пользовательские стили для входных элементов, мы можем использовать библиотеки JavaScript, которые преобразуют HTML элементы в ... Читать далее »