propiedad CSS3 animación de retardo
Ejemplos
Espere dos segundos y luego iniciar la animación:
animación de retardo: 2 s; - webkit-animación-retardo: 2 s; / * Safari y Chrome * /
Trate »
En la parte inferior de esta página para más ejemplos.
Soporte para el navegador
Las cifras de la tabla representan el primer navegador compatible con el número de versión de la propiedad.
Inmediatamente después de la -webkit- digital, -MS- o hace -moz- en apoyo del prefijo atribuyen primer número de la versión del navegador.
属性 | |||||
---|---|---|---|---|---|
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- |
definiciones de código e instrucciones
atributo de animación de retardo define cuándo comienza la animación.
Valor de animación de retardo de las unidades puede ser segundos (s) o milisegundos (ms).
Consejo: Permitir negativo, 2S hacer la animación comience inmediatamente, pero evita dos segundos en la animación.
Por defecto: | 0 |
---|---|
herencia: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | objetar object.style.animationDelay = "2s" |
gramática
animation-delay:time;
值 | 描述 | 测试 |
---|---|---|
time | 可选。定义动画开始前等待的时间,以秒或毫秒计。默认值为0 | 测试 » |
más ejemplos
Ejemplos
Negativo, debe tenerse presente que la animación saltar dos segundos en el ciclo de animación:
animación de retardo: -2 s / * * Opera / -moz-animación -delay: -2 s / * Firefox * / -webkit-animación -delay: -2 s / * * Safari y Chrome /
Trate »
Artículos relacionados
CSS3 tutorial: Animación CSS3