CSS3 propiedad de transición de la propiedad
Ejemplos
Pase el ratón sobre un elemento div, y cambiar gradualmente la anchura de la tabla:
{
transition-property:width;
-moz-transition-property: width; /* Firefox 4 */
-webkit-transition-property:width; /* Safari and Chrome */
-o-transition-property:width; /* Opera */
}
div:hover {width:300px;}
Trate »
En la parte inferior de esta página para más ejemplos.
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-property | 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
atributo de transición de la propiedad especifica el efecto CSS propiedad nametransition (comenzará los cambios en las propiedades CSS especificados cuando el efecto de transición).
Consejo: un efecto de transición, por lo general ocurre cuando el usuario se desplaza sobre un elemento.
Nota: Siempre especifique la propiedad de transición de duración, de lo contrario la duración de 0, la transición no tendrá ningún efecto.
Por defecto: | todos |
---|---|
herencia: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | objetar .style.transitionProperty = "anchura, la altura" |
gramática
valor | descripción |
---|---|
ninguno | Ninguna propiedad conseguir transiciones. |
todos | Todas las propiedades recibirán efectos de transición. |
propiedad | Las definiciones se aplican la lista de nombres de propiedad CSS efecto de transición, que se separó por comas. |
más ejemplos
Los efectos de transición - para cambiar las propiedades
Pase el ratón sobre un elemento div, cambiar la anchura y la altura con efecto de transición suave.