CSS propiedad transition-duration
- página anterior transition-delay
- página siguiente propiedad transition-property
Definición y uso
La propiedad transition-duration especifica el tiempo que tarda en completar el efecto de transición (en segundos o milisegundos).
Véase también:
Tutorial de CSS:Transiciones CSS
Manual de referencia de HTML DOM:Propiedad transitionDuration
Ejemplo
Hacer que el efecto de transición dure 5 segundos:
div { transition-duration: 5s; }
Sintaxis de CSS
transition-duration: time;
Valor de la propiedad
Valor | Descripción |
---|---|
time |
Define el tiempo que tarda en completar el efecto de transición (en segundos o milisegundos). El valor por defecto es 0, lo que significa que no tendrá efecto. |
Detalles técnicos
Valor por defecto: | 0 |
---|---|
Herencia: | no |
Versión: | CSS3 |
Sintaxis de JavaScript: | object.style.transitionDuration="5s" |
Compatibilidad del navegador
Los números en la tabla indican la primera versión del navegador que admite completamente la propiedad.
Los números con -webkit-, -moz- o -o- indican la primera versión con prefijo utilizada.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
26.0 4.0 -webkit- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -webkit- |
12.1 10.5 -o- |
- página anterior transition-delay
- página siguiente propiedad transition-property