Ejemplo
Pase el ratón sobre un elemento div para cambiar gradualmente su anchura y altura:
document.getElementById("myDIV").style.transitionProperty = "width,height";
Inténtalo tú mismo " Definición y Uso
La propiedad transitionProperty especifica el nombre de la propiedad CSS el efecto de transición es para (el efecto de transición se iniciará cuando cambia la propiedad CSS especificados).
Tip: Un efecto de transición típicamente podría ocurrir cuando un vuelo estacionario usuario sobre un elemento.
Note: Siempre especifique la propiedad transitionDuration, de lo contrario la duración es 0, y la transición no tendrá ningún efecto.
Soporte del navegador
La propiedad transitionProperty es compatible en Internet Explorer 10, Firefox, Opera y Chrome.
Safari soporta una alternativa, la propiedad WebkitTransitionProperty.
Nota: La propiedad transitionProperty no es compatible con Internet Explorer 9 y versiones anteriores.
Sintaxis
Devolver la propiedad transitionProperty:
object .style.transitionProperty
Establecer la propiedad transitionProperty:
object .style.transitionProperty="none|all| Valores de propiedad Valor Descripción none Ninguna de las propiedades obtendrá un efecto de transición all Valor por defecto. Todas las propiedades tendrán un efecto de transición property Define una lista separada por comas de nombres de propiedades CSS el efecto de transición es para initial Establece esta propiedad a su valor por defecto. Lea acerca inicial inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar
Detalles técnicos
Valor por defecto: todas Valor de retorno: Una cadena, que representa la propiedad de transición de propiedad de un elemento Versión CSS CSS3
Páginas relacionadas
Referencia CSS: transition-property property
<Estilo de objeto