Любой современный сайт содержит в себе какой-то объем анимации на своих страницах. Самый простой способ привести внешний вид вашего проекта к привлекательному виду – это использование анимации с использованием CSS3. Использование Javascript позволяет сделать страницы с более мощной логикой анимации, иначе мы будем ограничены только тем, что нам позволяет сделать CSS, хотя и это уже позволяет выполнять основные задачи.

 

CSS библиотеки

Опытные разработчики уже потратили уйму времени на то, чтобы создать готовые библиотеки с CSS анимацией. Используя эту информацию, остается добавить элемент и класс в таблицу стилей и использовать анимацию как угодно.

 

animate.css

animatecss

 

magicanimation

magicanimate

 

hovercss

hovercss

 

Effeckt.css

effecktcss

 

Javascript библиотеки

Если Вы хотите достичь на страницах сайта чего-то более современного – использовать триггеры событий и несколько анимаций независимых друг от друга, то необходимо будет использовать jQuery и Javascript анимационные библиотеки. Эти библиотеки открывают широкий спектр возможностей в анимации веб-страниц, что значительно может улучшить внешний вид сайта, что станет более привлекательным для Ваших посетителей ведь сайт становится более динамичным и интерактивным.

 

Velocity.js

velocity

 

AniJS

AniJS

 

scrollReveal.js

scrollReveal

 

Wow.js

Wow

 

skrollr

skrollr

 

Transit

Transit

 

parallax.js

parallax

 

Superscrollorama

Superscrollorama

 

animo.js

animo

 

Sly

Sly

 

Move.js

Move

 

slidr.js

slidr

 

CreateJS

CreateJS

 

Flippant.js

Flippant

 

jmpress.js

jmpress

 

comments powered by HyperComments
Понравился материал - нажмите, пожалуйста, на кнопку
=)
Алексей Седляров
2015-03-23 07:54:31
и еще коллекция эффектов http://anicollection.github.io/#/
Алексей Седляров
2015-03-23 07:49:08
Эффекты для текстовых полей http://tympanus.net/codrops/2015/03/18/inspiration-text-input-effects-2/
Алексей Седляров
2014-11-03 10:25:58
и еще очень интересные эффекты при наведении http://tympanus.net/codrops/2014/10/28/some-more-subtle-hover-effect-ideas/