transition-delay
Resumen
La propiedad CSS transition-delay
especifica la cantidad de tiempo a esperar entre un cambio pedido hacia una propiedad y el comienzo de un efecto de transicion (transition effect).
Un valor de 0s
, o 0ms
, indica que la propiedad comenzará a animar la transición inmediatamente cuando el valor cambie; valores positivos retrasaran el comienzo del efecto de transicion por el numero de segundos correspondiente. Valores negativos causaran que la transicion comience inmediatamente, pero causando que el efecto de la transicion pareciera que empiece por la mitad de la animacion.
Puedes especificar multiples retrasos ("delays"); cada retraso se aplicará a la propiedad correspondiente especificada por la propiedad transition-property
, que actua como una lista maestra. Si hay menos delays especificados que en la lista maestra, valores perdidos son puestos en el valor inicial (0s).
You may specify multiple delays; each delay will be applied to the corresponding property as specified by the transition-property
property, which acts as a master list. If there are fewer delays specified than in the master list, missing values are set to the initial value (0s
). If there are more delays, the list is simply truncated to the right size. In both case the CSS declaration stays valid.
Valor inicial | 0s |
---|---|
Applies to | todos los elementos y los pseudoelementos ::before y ::after |
Heredable | no |
Valor calculado | como se especifica |
Animation type | discrete |
Syntax
Formal syntax:<time># (en-US)
transition-delay: 3s transition-delay: 2s, 4ms transition-delay: initial
Values
<time>
- Is a
<time>
denoting the amount of time to wait between a property's value changing and the start of the animation effect.
Examples
transition-delay: 0.5s
transition-delay: 1s
transition-delay: 2s
transition-delay: 4s
Specifications
Specification | Status | Comment |
---|---|---|
CSS Transitions La definición de 'transition-delay' en esta especificación. |
Working Draft |
Browser compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 1.0 -webkit (en-US) | 4.0 (2.0) -moz (en-US) 16.0 (16.0) |
10.0 | 11.6 -o (en-US) 12.10 # |
3.0 -webkit (en-US) |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | 2.1 -webkit (en-US) | 4.0 (2.0) -moz (en-US) 16.0 (16.0) |
? | 10.0 -o (en-US) 12.10 # |
3.2 -webkit (en-US) |