Manual de referencia CSS

regla CSS (RULES)

大全 de Atributos CSS

CSS3 transition-Atributo duration CSS3 Atributo transition

CSS3 transition-Método de uso y ejemplo de la propiedad delay

transition-La propiedad delay CSS define cuándo comienza la conversión (por ejemplo, un2El valor de s indica que la conversión se realizará en la aplicación2después de que pasen los segundos). Este valor puede especificarse en segundos o milisegundos.

La siguiente tabla proporciona una descripción del uso y el historial de versiones de esta propiedad, así como la sintaxis de uso en scripts de JavaScript.

Valor predeterminado:	0s
Aplíquese a:	Todos los elementos ::before y ::after Elementos pseudo
Herencia:	No
Animable:	No.Vea también Atributos de animación.
Versión:	CSS3nueva característica
Sintaxis de JavaScript:	object.style.transitionDelay="3s"

transition-Sintaxis de uso de delay

La sintaxis de este atributo es la siguiente:

transition-delay:　time　|　initial　|　inherit

El siguiente ejemplo muestra cómo usar transition-Atributo delay.

Ejemplo

button　{
　　　　background:　#fd7c2a;
　　　　/*　Para　Safari　3.0+　*/
　　　　-webkit-transition-property:　background;
　　　　-webkit-transition-duration:　4s;
　　　　-webkit-transition-delay:　2s;
　　　　
　　　　transition-property:　background;
　　　　transition-duration:　4s;
　　　　transition-delay:　2s;
}
button:hover　{
　　　　background:　#3cc16e;
}

Prueba a ver‹/›

Nota:Este atributo permite valores negativos. Sin embargo, parece comenzar a ejecutarse en medio del ciclo de transición, por ejemplo,-2El retraso de transición en segundos hace que la transición comience inmediatamente, pero después de comenzar la transición2Comienza a los segundos.

Valor del atributo

La siguiente tabla describe los valores de esta propiedad.

Valor	Descripción
time	Definir el número de segundos o milisegundos a esperar antes de comenzar la transición. El valor predeterminado es 0s.
initial	Establecer este atributo en su valor predeterminado.
inherit	Si se especifica, el elemento relacionado utiliza el transition del elemento padre-Valor del atributo delay.

Compatibilidad del navegador

transition-Compatibilidad del navegador del atributo delay, los números en la siguiente tabla representan la versión mínima de los navegadores que admiten esta propiedad; todos los navegadores principales admiten esta propiedad.

	Firefox 4+ ^-moz-,16 + Google Chrome 4+ ^-webkit-,26 + Internet Explorer 10+ Apple Safari 3.1+ ^-webkit-,6.1+ Opera 10.5+ ^-o-,12.1+

Leer más

Consulte los siguientes tutoriales:CSS3 Transiciones.

Propiedades relacionadas:transition,transition-duration,transition-property,transition-timing-function.

CSS3 transition-Atributo duration CSS3 Atributo transition