Definición de .transition-duration utilizado en CSS
La propiedad .transition-duration, normalmente utilizada como parte de la taquigrafía de transición, se utiliza para definir la duración de una transición especificada. Es decir, el tiempo que llevará que el elemento objetivo sea la transición entre dos estados definidos.
Ejemplo de empleo de transition-duration
Si te gustaría utilizar esta propiedad de CSS en tu hoja de estilos, hazlo de la siguiente forma:
.example {
transition-duration: 3s;
}Otro ejemplo más avanzado de .transition-duration es el siguiente de CODEPEN:
Sintaxis de .transition-duration en CSS
transition-duration: time|initial|inherit;Exploradores compatibles con .transition-duration
Los números de la tabla detallan la primera versión del navegador que es absolutamente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| transition-property | 26.0 4.0 -webkit- | 10.0 | 16.0 4.0 -moz- | 6.1 3.1 -webkit- | 12.1 10.5 -o- |
