CSS3 propiedad de transición de duración
Ejemplos
Últimos 5 segundos del efecto se produce el cambio:
transition-duration: 5s;
-webkit-transition-duration: 5s; /* Safari */
-webkit-transition-duration: 5s; /* Safari */
Trate »
Soporte para el navegador
Las cifras de la tabla representan el primer navegador compatible con el número de versión de la propiedad.
Inmediatamente después de la -webkit- digital, -MS- o hace -moz- en apoyo del prefijo atribuyen primer número de la versión del navegador.
属性 | |||||
---|---|---|---|---|---|
transition-duration | 26.0 4.0 -webkit- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -webkit- |
12.1 10.5 -o- |
Definiciones de atributos e instrucciones
Tiempo (en segundos o milisegundos) que se necesita para la transición efecto la propiedad de transición de duración para su conclusión.
Por defecto: | 0 |
---|---|
herencia: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | objetar .style.transitionDuration = "5s" |
gramática
transition-duration:time;
valor | descripción |
---|---|
tiempo | período predeterminado de tiempo (en segundos o milisegundos) que se tarda en completar el efecto de transición. El valor por defecto es 0, lo que significa que no habrá ningún efecto. |