manual de referencia CSS

reglas CSS @

大全 de propiedades CSS

CSS3 animation-Atributo direction CSS3 Atributo animation

CSS3 animation-Uso y ejemplo de la propiedad delay

　CSS animación-La propiedad delay define cuándo comienza a reproducirse la animación (por ejemplo: valor de2s, lo que indica que la animación comenzará después de que se aplique2Comienza a reproducirse a partir de los segundos). El valor de esta propiedad puede especificarse en segundos (s) o milisegundos (ms).

La siguiente tabla resume el contexto de uso y el historial de versiones de esta propiedad.

Valor predeterminado:	0s
Aplicable a:	Todos los elementos ::before y ::after 伪元素
Elemento pseudo	Herencia:
No	Animable:No Ver también.
Atributo de animación	CSS3Versión:
nueva característica	JavaScript Sintaxis:　　　object2object.style.animationDelay="

animation-s"

Sintaxis de uso de delay

animation-La sintaxis de este atributo es la siguiente:

delay: time | initial | inherit-El siguiente ejemplo muestra cómo usar animation

propiedad delay.

Ejemplo
　　　　.box {　5height:
　　　　width:　5height:
　　　　0px;
　　　　background: red;
　　　　/*　s;　*/
　　　　-webkit-animation-position: relative;
　　　　-webkit-animation-name: moveit;　4delay:
　　　　-webkit-animation-duration:　2delay:
　　　　
　　　　animation-position: relative;
　　　　animation-name: moveit;　4delay:
　　　　animation-duration:　2delay:
0%;}
　
/*　s;　*/
Chrome, Safari, Opera-webkit-@
　　　　@keyframes moveit {
　　　　from {left: 0;}　5to {left:
0%;}
　
keyframes moveit {
　　　　@keyframes moveit {
　　　　from {left: 0;}　5to {left:
0%;}

}/Prueba a ver‹

›Nota:-2Un retraso de animación de s hace que la animación comience inmediatamente, pero comienza en el medio de su ciclo de animación, por ejemplo2Comienza a ejecutarse después de X segundos.

Valor del atributo

La tabla a continuación describe los valores de esta propiedad.

Valor	Descripción
time	Define los segundos o milisegundos que debe esperar antes de comenzar la animación. El valor predeterminado es 0s.
initial	Establecer este atributo en su valor predeterminado.
inherit	Si se especifica, el elemento asociado utiliza el animation de su elemento padre-El valor calculado de la propiedad delay.

Compatibilidad del navegador

animation-La compatibilidad del navegador con la propiedad delay, todos los navegadores principales la soportan.

	Firefox 5+ ^-moz-,15 + Google Chrome 4+ ^-webkit- Internet Explorer 10+ Apple Safari 4+ ^-webkit- Opera 12+ ^-o-, 15+ ^-webkit-

Leer más

Consulte la siguiente guía:CSS3Animación.

Atributos y reglas relacionados:animation,animation-name,animation-duration,animation-timing-function,animation-iteration-count,animation-direction,animation-fill-mode,animation-play-state,@keyframes.

CSS3 animation-Atributo direction CSS3 Atributo animation