Анимированные шестеренки
Сделаем анимацию зубчатой передачи на CSS3, то есть заставим шестеренки вращаться. Работает в Firefox, Chrome и Safari.
Сделаем анимацию зубчатой передачи на CSS3, то есть заставим шестеренки вращаться. Работает в Firefox, Chrome и Safari.
Очень привлекательная по внешнему виду форма поиска анимированная с помощью css3 и jQuery. Использование css3 конечно отражается на кроссбраузерности, корректно форма работает только в последних версиях safari, chrome и firefox.
Простой эффект поочередного увеличения и уменьшения размера шрифта у элементов списка.
В уроке речь пойдёт о возможностях анимации CSS3. Поэкспериментируем с последовательно сменяющейся анимацией. Работать будет только в современных браузерах, но если не использовать на своих проектах это, то просто посмотреть, точно рекомендую. Напоминаю, что реализовано всё только с помощью CSS3.
Сделаем CSS3 анимацию, которую можно будет использовать в качестве прелоадера, статуса загрузки чего-либо. Работает в Firefox, Chrome и Safari.
Будем создавать анимированные кнопки с помощью свойств CSS3, которые реагируют на наведение мышки и нажатие. Работать должным образом будут только в поддерживаемых CSS3 браузерах. В некоторых примерах будут использоваться иконки от webiconset.com и символы от Just Be Nice.
Какие виды переходов можно сделать с помощью только одного свойства CSS? Хотите узнать? Жмите подробнее и смотрите Демо. И увидите целую экспериментальную галерею по анимации веб элементов на CSS.
Создаем анимацию скольжения элементов в контейнере или проще, смена слайдов при наведении курсора.
Анимированное меню в котором при наведении на ссылку, происходит её прокрутка сверху вниз с заменой задника и цвета шрифта.
Вид меню с различными эффектами анимации фона. Смена фона происходит, либо как слайд - справа налево, сверху вниз, либо происходит плавное изменение цвета.
Эффект при котором заливка текста изменяется в соответствии с выбранной фоновой картинкой. Конечно, это не совсем заливка текста. У нас будет подготовленное изображение на котором мы "вырезаем" текст, и в этих отверстиях и будет перемещаться задний фон.
Разновидность вкладок, в которой, как бы меняется вся страница после нажатия на ссылку.