CSS propiedad transition-duration

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;
}

Prueba tu mismo

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-