Анимация

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

CSS анимации построены на переходах( transition ) и ключевых кадрах( @keyframes ), они позволяют анимировать элементы на странице. Transition позволяет оживить переход элементов из одного состояния в другое, изменяются свойства, у которых есть единицы измерения( px, em, rem, %, deg и т.д. ).

Пример анимации вы можете посмотреть ниже( просто наведите курсор на синий квадрат ).

Существуют также css библиотеки с готовыми наборами анимаций. Например логотип сайта, меню, кнопку поиска и заголовки я анимировал с помощью популярной библиотеки animate.css, управление анимациями происходит через jQuery.