HTML DOM propiedad Estilo transitionProperty
Ejemplos
El puntero del ratón sobre el elemento div, que va a cambiar gradualmente la anchura y altura:
Trate »
Definición y Uso
transitionProperty atributo especifica el nombre de la propiedad CSS aplicar el efecto de transición. (Cuando la propiedad CSS especificada cambia, el efecto de transición comenzará).
Consejo: efecto de transición por lo general ocurre cuando un usuario pasa el puntero del ratón sobre un elemento.
Nota: Ajuste siempre la propiedad transitionDuration, de lo contrario la duración es cero, no producirá efectos de transición.
Soporte para el navegador
Internet Explorer 10, Firefox, Opera y Chrome apoyo transitionProperty propiedad.
Safari es compatible con otra alternativa de la propiedad de atributos que la propiedad WebkitTransitionProperty.
Nota: Internet Explorer 9 y versiones anteriores no son compatibles con la propiedad transitionProperty.
gramática
transitionProperty propiedades para la espalda:
Configuración de las propiedades transitionProperty:
propiedad Valor
| 值 | 描述 |
|---|---|
| none | 没有属性会获得过渡效果。 |
| all | 默认值。所有属性都将获得过渡效果。 |
| property | 定义应用过渡效果的 CSS 属性名称列表，列表以逗号分隔。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
detalles técnicos
| Por defecto: | todos |
|---|---|
| Devuelve: | Cadena que representa el atributo de transición de la propiedad del elemento. |
| versión CSS | CSS3 |
Artículos relacionados
CSS Referencia: Transición-propiedad propiedad