animation-delay
Поддержка браузерами
| 12.0+ | 10.0+ | 16.0+ | 43.0+ | 30.0+ | 9.0+ |
Описание
CSS свойство animation-delay определяет, когда запустится анимация. Значения указываются в секундах (s) или миллисекундах (ms).
Отрицательные значения не желательно использовать. Например -2s (секунды) заставляют анимацию сразу проигрываться начиная со второй секунды.
| Значение по умолчанию: | 0 |
|---|---|
| Применяется: | ко всем элементам и псевдо-элементам ::before и ::after |
| Анимируется: | нет |
| Наследуется: | нет |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object.style.animationDelay="2s" |
Синтаксис
animation-delay: время;
Значения свойства
| Значение | Описание |
|---|---|
| Время | Определяет количество секунд или миллисекунд ожидания перед тем, как запустить анимацию. |
Пример
CSS Свойство:
animation-delay:
Результат:
CSS Код:
div#myDIV {
animation-delay:1s;
}
animation-delay:1s;
}