Определение animation-delay
CSS свойство animation-delay определяет задержку начала анимации.
Значение задержки анимации определяется в секундах (s) или миллисекундах (ms).
| Значение по умолчанию: | 0s |
|---|---|
| Унаследовано: | no |
| Анимируемый: | no. Читайте о animatable |
| Версия: | CSS3 |
| JavaScript синтаксис: | object.style.animationDelay="1s" Попробуй |
Поддержка animation-delay
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
Цифры, за которыми следуют -webkit-, -moz- или -o-, указывают первую версию, которая работала с префиксом.
| Свойство | |||||
|---|---|---|---|---|---|
| animation-delay | 43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
Синтаксис animation-delay
animation-delay: time|initial|inherit;
Значения animation-delay
| Значение | Описание | Воспроизведение |
|---|---|---|
| time | Необязательный. Определяет количество секунд (s) или миллисекунд (ms) ожидания перед запуском анимации. Значение по умолчанию равно 0. Допускаются отрицательные значения. Если вы используете отрицательные значения, анимация запустится так, как если бы она уже воспроизводилась в течение N секунд/миллисекунд. | Воспроизведение » |
| initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Примеры animation-delay
Пример
Используя отрицательные значения. Здесь анимация запустится так, как если бы она уже воспроизводилась в течение 2 секунд:
div {
animation-delay: -2s;
}
Попробуйте сами »
Страницы по теме animation-delay
CSS Учебник: CSS Анимация
HTML DOM справочник: animationDelay свойство