СSS Свойство animation-delay
Определение и использование
Свойство animation-delay указывает задержку начала анимации.
Значение задержки анимации определяется в секундах (s) или миллисекундах (ms).
| Значение по умолчанию: | 0s |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | нет. Прочитать о animatable |
| Версия: | CSS3 |
| JavaScript синтаксис: | object.style.animationDelay="1s" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Числа, за которыми следуют -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- |
CSS Синтаксис
animation-delay: time|initial|inherit;
Значение свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| time | Необязательный. Определяет количество секунд (s) или миллисекунд (ms) ожидания до начала анимации. Значение по умолчанию 0. Допускаются отрицательные значения. Если вы используете отрицательные значения, анимация начнется так, как если бы она уже играла для N seconds/milliseconds. | Воспроизвести » |
| initial | Задает этому свойству значение индекса. Прочитать о initial | |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Примеры
Пример
Использование отрицательных значений. Здесь анимация начнется, как если бы она уже играла в течение 2 секунд:
div {
animation-delay: -2s;
}
Редактор кода »
Связанные cтраницы
CSS учебник: CSS Анимации
HTML DOM справочник: Свойство animationDelay
