propriété CSS3 animation-delay
Exemples
Attendez deux secondes, puis démarrer l'animation:
animation-delay: 2 s; - webkit-animation-delay: 2 s; / * Safari et Chrome * /
Essayez »
Dans le bas de cette page pour plus d'exemples.
support du navigateur
Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.
Immédiatement après la -webkit- numérique, -ms- ou -moz- il y a à l'appui du préfixe d'attribut premier numéro de version du navigateur.
属性 | |||||
---|---|---|---|---|---|
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- |
définitions de balises et les instructions
attribut animation-delay définit quand l'animation commence.
valeur animation-retard des unités peut être secondes (s) ou millisecondes (ms).
Astuce: Autoriser négative, -2S faire l'animation commence immédiatement, mais sauter deux secondes dans l'animation.
Par défaut: | 0 |
---|---|
Héritage: | aucun |
Version: | CSS3 |
Syntaxe JavaScript: | objet object.style.animationDelay = "2s" |
grammaire
animation-delay:time;
值 | 描述 | 测试 |
---|---|---|
time | 可选。定义动画开始前等待的时间,以秒或毫秒计。默认值为0 | 测试 » |
D'autres exemples
Exemples
Négatif, s'il vous plaît noter que l'animation sauter deux secondes dans le cycle d'animation:
animation-delay: -2 s / * Opera * / -moz-animation -delay: -2 s / * Firefox * / -webkit-animation -delay: -2 s / * Safari et Chrome * /
Essayez »
articles connexes
CSS3 tutoriel: CSS3 Animations