Ejemplo
Pase el cursor sobre un elemento div para cambiar gradualmente el ancho de la tabla:
div
{ propiedad de transición: ancho; -moz-transition-propiedad: ancho; /* Firefox 4 */ -webkit-transition-property:width; /* Safari y Chrome */ -o-transition-property:width; /* Ópera */ } div:hover {ancho:300px;}
Pruébelo »
Hay más ejemplos al final de esta página.
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 | |||||
---|---|---|---|---|---|
propiedad de 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 propiedad de transición especifica el efecto de transición de nombre de la propiedad CSS (el efecto de transición iniciará cambios en la propiedad CSS especificada).