CSS3 Свойство animation-delay
Полный CSS Справочник
Пример
Анимация начнется с задержкой в две секунды:
animation-delay:2s;
-moz-animation-delay:2s; /* Firefox */
-webkit-animation-delay:2s; /*Safari и Chrome */ |
Попробуйте сами » Еще примеры внизу этой страницы.
|
Поддержка Браузерами
Свойство animation-delay не поддерживается ни одним браузером.
Firefox поддерживает альтернативное свойство -moz-animation-delay.
Safari и Chrome поддерживают альтернативное свойство -webkit-animation-delay.
Определение и ИспользованиеСвойство animation-delay определяет, когда начнется анимация.
Значение animation-delay определяется в секундах (s) или миллисекундах (ms).
Совет: Допустимы отрицательные значения, -2s запустит анимацию сразу же, но
анимация начнет воспроизведение с момента на две секунды позже от начала.
Значение по умолчанию: |
0 |
Наследуется: |
нет |
Версия: |
CSS3 |
JavaScript синтаксис: |
объект.style.animationDelay="2s" |
Синтаксис
Значение |
Описание |
время |
Необязательно. Определяет сколько секунд (миллисекунд) ждать перед запуском анимации.
Значение по умолчанию равно 0 |
 |
Попробуйте сами |
Пример
Отрицательные значения, заметьте, что анимация начинается со сдвигом в 2 секунды от начала
анимационного цикла:
animation-delay: -2s
-moz-animation-delay: -2s /* Firefox */
-webkit-animation-delay: -2s /* Safari и Chrome */ |
Попробуйте сами » |
Смотрите ТакжеCSS3 Уроки: CSS3 Анимация
Полный CSS Справочник
|