Пример прокрутки для сайта с parallax эффектом. При прокрутке динамически происходит смена фона с параллакс-эффектом. Этот пример Parallax скроллинга реализован с помощью CSS и JS. HTML CSS JS Читать далее »
Эффект пульсации для кнопок (Android L Ripple Effect)
Пример создания эффекта пульсации для кнопок (Android L Ripple Effect). Эффект создается с помощью CSS3 и JS. HTML CSS JS Читать далее »
Скрипт перехода от нуля до заданного числа
Предлагаю вашему вниманию пример реализации скрипта, который заполняет значение от нуля до заданного числа. Изменяя в скрипте последнюю строчку можно легко задать конечное значение (число которое получим в результате) и длительность заполнения (время перехода от нуля до заданного значения). HTML CSS JS Читать далее »
Кнопки в стиле OS X (Цунами эффект)
Пример реализации кнопок для сайта в стиле OS X. Если у вас есть вопросы по изменению меню, задавайте в комментариях. HTML CSS JS Читать далее »
Выпадающий текст с помощью CSS и JQuery
Эффект выпадания букв создан с помощью CSS и JQuery. Этим оригинальным способом можно разнообразить любой текст на вашем сайте. Я думаю, что можно создать этот же эффект на чистом CSS, но этот метод более интересен. HTML CSS JS Читать далее »
Анимационный ввод текста
В этом примере реализован эффект анимации для ввода текста. Используя этот пример вы можете придать оригинальности например, своей контактной форме или любой другой запросной форме, где нужно вводить текст. Изменяя CSS свойство animation вы можете сделать время анимации быстрее или медленнее. HTML CSS JS Читать далее »
Эмоциональные кнопки с помощью CSS и Snap.svg
Крутые кнопки с эмоциями которые отлично подойдут для голосования, рейтинга или оценки. Реализованы кнопки с помощью CSS и библиотеки Snap.svg. Данная библиотека в состоянии загружать, анимировать, и даже создавать SVG графику прямо в браузере. Смена эмоций происходит после нажатия на кнопку. HTML CSS JS Читать далее »
Текстовая маска с использованием snap.svg
Пример создания анимационной текстовой маски с использованием библиотеки snap.svg. Для тех кто забыл или не знает, Snap.svg — это библиотека JavaScript, которая призвана помогать веб-разработчикам поставлять расширенные возможности SVG в интернет. Данная библиотека в состоянии загружать, анимировать, и даже создавать SVG графику прямо в браузере. Snap был создан Дмитрием Барановским, который также создал Рафаэля, но в отличие от него, данная библиотека сделана для ... Читать далее »
Кнопки-переключатели при помощи CSS3 и JS
Эффектные кнопки-переключатели при помощи CSS3 и и JS с небольшим анимационным эффектом. Иконки на кнопках из библиотеки шрифта GLYPHICONS, в котором много подготовленных монохроматических значков и символов, которые созданные с акцентом на простоту и легкость применения. HTML CSS JS Читать далее »
Крутые идеи для выпадающего меню
Предлагаем вашему вниманию меню с выбором элементов. Существует много возможностей, и сегодня мы изучаем некоторые варианты того, как позволить пользователю сделать выбор на свой вкус. Сегодня мы хотели бы поделиться с вами идеями по созданию выпадающего меню с выбором вариантов. В формах, где мы хотели бы использовать пользовательские стили для входных элементов, мы можем использовать библиотеки JavaScript, которые преобразуют HTML элементы в ... Читать далее »