Справочник верстальщика

Анимация

Свойство animation позволяет анимировать элементы страницы.

Можно управлять длительностью анимации, повторением, направлением, типом движения и шагами. Анимировать можно любые элементы, в том числе псевдо-элементы.

animation-delay

Устанавливает время ожидания перед воспроизведением анимации.

transition

Универсальное свойство, которое определяет эффект перехода между двумя состояниями элемента, они могут быть установлены с помощью псевдоэлемента :hover или :active, а также динамически через JavaScript.

transition-delay

Устанавливает время ожидания перед запуском эффекта анимации перехода.

transition-duration

Задаёт время в секундах или миллисекундах, сколько должна длиться анимация перехода до её завершения.

transition-property

Устанавливает имя стилевого свойства, значение которого будет отслеживаться для создания эффекта перехода.

transition-timing-function

Устанавливает, насколько быстро должно изменяться значение стилевого свойство для которого применяется эффект перехода.