Лучшее руководство по свойство CSS3 анимации задержки в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определения тегов и инструкции,грамматика,Другие примеры,примеров,Статьи по Теме,

свойство CSS3 анимации задержки

примеров

Подождите в течение двух секунд, а затем запустить анимацию:

анимация задержки: 2 сек; - WebKit-анимация задержки: 2 сек; / * Safari и Chrome * /

Попробуйте »
В нижней части этой страницы для большего количества примеров.

Поддержка браузеров

Цифры в таблице представляют первый браузер для поддержки номер версии имущества.

Сразу же после цифровой -webkit-, -ms- или -moz- назад в поддержку префикса атрибута первый номер версии браузера.

属性
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-

Определения тегов и инструкции

атрибут анимации задержки определяет, когда начинается анимация.

значение анимации задержки единиц может быть секунд (ы) или миллисекунд (мс).

Совет: Разрешить негатив, -2s сделать анимацию немедленно начать, но пропустить две секунды в анимации.

По умолчанию: 0
Наследование: нет
Версия: CSS3
Синтаксис JavaScript: объект object.style.animationDelay = "2s"


грамматика

animation-delay:time;

描述 测试
time 可选。定义动画开始前等待的时间,以秒或毫秒计。默认值为0 测试 »


примеров

Другие примеры


примеров

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

анимация Задержка: -2 s / * Опера * / -moz-анимация -delay: -2 s / * Firefox * / -webkit-анимация -delay: -2 s / * Safari и Chrome * /

Попробуйте »

Статьи по Теме

CSS3 учебник: CSS3 Анимация