категория АнимацияCSS3-генератор ☛

Категории:

Анимация

Свойства, задающие движение элементов на веб-странице или анимационный переход из одного состояния в другое.

@keyframes	@keyframes устанавливает ключевые кадры при анимации элемента. Ключевой кадр это свойства элемента (прозрачность, цвет, положение и др.), которые должны применяться к элементу в заданный момент времени.
animation	Универсальное свойство которое задаёт сразу несколько параметров анимации.
animation-delay	Устанавливает время ожидания перед запуском цикла анимации.
animation-direction	Устанавливает направление движения анимации.
animation-duration	Задаёт время в секундах или миллисекундах, сколько должна длиться анимация движения.
animation-fill-mode	Определяет, какие стили должны применяться к элементу, когда анимация не проигрывается. Например, после её завершения или при остановке
animation-iteration-count	Устанавливает, сколько раз должен проигрываться анимационный цикл до остановки.
animation-name	Устанавливает одну или несколько анимаций, которые применяются к элементу.
animation-play-state	Свойство определяет, проигрывать анимацию или поставить её на паузу.
animation-timing-function	Устанавливает, по какой зависимости должна происходить анимация каждого цикла.
transition	Универсальное свойство, которое определяет эффект перехода между двумя состояниями элемента, они могут быть установлены с помощью псевдокласса :hover или :active, а также динамически через JavaScript.
transition-delay	Устанавливает время ожидания перед запуском эффекта анимации перехода.
transition-duration	Задаёт время в секундах или миллисекундах, сколько должна длиться анимация перехода до её завершения.
transition-property	Устанавливает имя стилевого свойства, значение которого будет отслеживаться для создания эффекта перехода.
transition-timing-function	Устанавливает, насколько быстро должно изменяться значение стилевого свойство для которого применяется эффект перехода.

категория АнимацияCSS3-генератор ☛

Справочник CSS