animation-delay

Время чтения: меньше 5 мин

Кратко

Секция статьи "Кратко"

Свойство задаёт задержку воспроизведения CSS-анимации.

Пример

Секция статьи "Пример"
        
          
          .element {  animation-name: circle-to-square;  animation-duration: 2s;  animation-iteration-count: infinite;  animation-direction: alternate-reverse;  animation-timing-function: ease-in;  animation-delay: 1s;}
          .element {
  animation-name: circle-to-square;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  animation-timing-function: ease-in;
  animation-delay: 1s;
}

        
        
          
        
      

Как пишется

Секция статьи "Как пишется"

Значением может быть любое число, как отрицательное, так и положительное. Если значение положительное, то будет задержка перед началом анимации. Если значение отрицательное, то анимация начнётся как бы за кадром.

Подсказки

Секция статьи "Подсказки"