Ejemplo
El efecto de cambio aparece en los últimos 5 segundos:
duración de la transición: 5 s;
-duración-de-transición-webkit: 5s; /* Safari */
Soporte del navegador
Los números de la tabla representan la primera versión del navegador que admite este atributo.
El número inmediatamente anterior a -webkit-, -ms- o -moz- es el primer número de versión del navegador que admite este atributo de prefijo.
| Atributos | |||||
|---|---|---|---|---|---|
| duración de la transición | 26.0 4.0 -kit web- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -kit web- |
12,1 10,5 -o- |
Definiciones de propiedades e instrucciones de uso.
El atributo de duración de la transición especifica el tiempo (en segundos o milisegundos) que lleva completar el efecto de transición.
| valor por defecto: | 0 |
|---|---|
| heredar: | No |
| Versión: | CSS3 |
| Sintaxis de JavaScript: | objeto .style.transitionDuration="5s" |
gramática
duración de la transición: tiempo ;
| valor | describir |
|---|---|
| tiempo | Especifica el tiempo (en segundos o milisegundos) que tarda en completarse el efecto de transición. El valor predeterminado es 0, lo que significa que no habrá ningún efecto. |