Los últimos tutoriales de desarrollo web
 

Style transitionProperty Property

<Estilo de objeto

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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