CSS3 animation-delay Property

Через две секунды, затем запустить анимацию:

div {
-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
animation-delay: 2s;
}

Больше "Try it Yourself" примеры ниже.

Определение и использование

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

Значение анимации задержки определяется в секундах (s) или миллисекундах (ms) .

Значение по умолчанию:	0s
Наследование:	no
Animatable:	no. Read about animatable
Версия:	CSS3
Синтаксис JavaScript:	object .style.animationDelay="1s" Try it

Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.

Числа следуют -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 -о-

animation-delay:time|initial|inherit;

Стоимость	Описание	Сыграй
time	Необязательный. Определяет количество секунд (s) или в миллисекундах (ms) , чтобы ждать до того , как анимация будет начать. Значение по умолчанию равно 0. Отрицательные значения разрешены	Сыграй "
initial	Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный
inherit	Наследует это свойство от своего родительского элемента. Читайте о унаследовать

Используя отрицательные значения, обратите внимание, что анимация начинается через 2 секунды в цикл анимации:

div {
-webkit-animation-delay: -2s; /* Chrome, Safari, Opera */
animation-delay: -2s;
}