Propiedad 'transitionProperty' del estilo

Definición y uso

transitionProperty La propiedad especifica el nombre de la propiedad CSS a la que se aplica el efecto de transición (el efecto de transición se iniciará cuando se cambie la propiedad CSS especificada).

Consejo:Cuando el usuario coloca el ratón sobre el elemento, generalmente se produce un efecto de transición.

Notas:Siempre especifique Propiedad 'transitionDuration'de lo contrario, el tiempo de duración será 0 y la transición será inválida.

Véase también:

Manual de CSSLa propiedad 'transition-property'

Ejemplo

Coloque el ratón sobre el elemento 'div' para cambiar gradualmente su anchura y altura:

document.getElementById("myDIV").style.transitionProperty = "width,height";

Pruebe usted mismo

Sintaxis

Devolver la propiedad 'transitionProperty':

object.style.transitionProperty

Configurar la propiedad 'transitionProperty':

object.style.transitionProperty = "none|all|property|initial|inherit"

Valor de la propiedad

Valor Descripción
none Ninguna propiedad recibirá el efecto de transición.
all Valor predeterminado. Todas las propiedades recibirán el efecto de transición.
property Lista de nombres de propiedades CSS que definen el efecto de transición, separados por comas.
initial Establece esta propiedad en su valor predeterminado. Véase initial.
inherit Hereda esta propiedad del elemento padre. Véase inherit.

Detalles técnicos

Valor predeterminado: all
Valor de retorno: Cadena de caracteres que representa el La propiedad 'transition-property'.
Versión de CSS: CSS3

Compatibilidad del navegador

La tabla indica la versión del navegador que admite completamente esta propiedad por primera vez.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 10.0 16.0 6.1 12.1