Эффект постепенного рисования карандашом. В данном случае воспроизводим рисование заставки к мультфильмам Уолта Диснея. SVG уже нарисован, остается только анимировать в правильном порядке svg path
Скрипт bubbly позволяет создать на страницы анимированный фон из пузырьков, которые можно заставить двигаться по заданной математической формуле. В параметрах также настраиваются разные визуальные эффекты, такие как блюр, цвета, размеры и т.п.
Задний фон с анимированным градиентом в SVG
Hover.css - коллекция CSS3 эффектов воспроизводимых при наведении на любой элемент, к которому применены определенные CSS классы. Доступно более 40 эффектов.
Animate.css - сборка классных, кроссбраузерных анимаций для использования в ваших проектах. Все анимации используют возможности CSS3 и находятся в одном файле - animate.css
Симпатичные CSS3 кнопки, которые при наведении на них изменяют свою форму.
Сделаем анимацию зубчатой передачи на CSS3, то есть заставим шестеренки вращаться. Работает в Firefox, Chrome и Safari.
Очень привлекательная по внешнему виду форма поиска анимированная с помощью css3 и jQuery. Использование css3 конечно отражается на кроссбраузерности, корректно форма работает только в последних версиях safari, chrome и firefox.
Будем создавать анимированные кнопки с помощью свойств CSS3, которые реагируют на наведение мышки и нажатие. Работать должным образом будут только в поддерживаемых CSS3 браузерах. В некоторых примерах будут использоваться иконки от webiconset.com и символы от Just Be Nice.
Какие виды переходов можно сделать с помощью только одного свойства CSS? Хотите узнать? Жмите подробнее и смотрите Демо. И увидите целую экспериментальную галерею по анимации веб элементов на CSS.
Форма поиска, которая плавно расширяется при клике по ней. Очень красиво смотрится и работает, можно сказать во всех браузерах.
Для оживления галереи используется функция animate() и при наведении на картинку происходит плавное изменение цвета от черно-белого до цветного.