Главная » Анимация css » animation-delay - Задержка анимации
153 0  

animation-delay - Задержка анимации

animation-delay устанавливается при запуске анимации. Анимация может начаться позже, сразу с ее начала или сразу и на полпути анимации.

Свойство animation-delay определяет, когда анимация начнется. Задается в секундах s или миллисекундах ms.

/* Single animation */
animation-delay: 3s;
animation-delay: 0s;
animation-delay: -1500ms;

/* Multiple animations */
animation-delay: 2.1s, 480ms;


Положительное значение указывает, что анимация должна начаться по истечении заданного промежутка времени.


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


Отрицательное значение заставляет анимацию начинаться немедленно, но частично в течение ее цикла. Например, если вы укажете -1s в качестве времени задержки анимации, анимация начнется немедленно, но начнется через 1 секунду в последовательности анимации. Если вы указываете отрицательное значение для задержки анимации, но начальное значение неявно, начальное значение берется с момента применения анимации к элементу.


 Когда вы указываете несколько значений, разделенных запятыми, в свойстве animation- *, они будут назначаться анимациям, указанным в свойстве animation-name, по-разному, в зависимости от их количества. Для получения дополнительной информации см. Установка нескольких значений свойств анимации.


Оставить свой комментарий:

Опыт в веб разработке:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2020