Свойство animation

Определяет анимацию для элемента. Сокращенная запись для свойств animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode и animation-play-state

animation: fadeIn 2s linear infinite alternate;
  • поддерживается начиная с
  • частичная поддержка до
  • не поддерживается

Значения

animation: 2s fadeIn;

Используя два параметра: длительность и название анимации. Эти два параметра обязательные.

animation: 2s fadeIn, 2s fadeOut;

Несколько анимаций для элемента, перечисляем через запятую

animation: 2s ease-in 1s 2 reverse both paused fadeIn;

Используем все свойства. Название анимации можно указывать либо в начале либо в конце. Остальные параметры нужно указывать в определенном порядке animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode и animation-play-state. Неуказанные параметры будут принимать значения по умолчанию.

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии