propriété HTML DOM style transitionProperty

Exemples

Le pointeur de la souris survole l'élément div, il va progressivement changer la largeur et la hauteur:

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

Définition et utilisation

attribut transitionProperty spécifie le nom de la propriété CSS appliquer l'effet de transition. (Lorsque la propriété CSS spécifié change, l'effet de transition va commencer).

Astuce: effet de transition se produit généralement lorsqu'un utilisateur passe le pointeur de la souris sur un élément.

Remarque: Toujours définir la propriété de transitionDuration, sinon la durée est égale à zéro, il ne produira pas des effets de transition.

support du navigateur

Internet Explorer 10, Firefox, Opera et Chrome soutien propriété transitionProperty.

Safari prend en charge une autre variante de la propriété attribut que la propriété de WebkitTransitionProperty.

Remarque: Internet Explorer 9 et les versions antérieures ne prennent pas en charge la propriété de transitionProperty.

grammaire

Retour propriétés transitionProperty:

object .style.transitionProperty

Définition des propriétés de transitionProperty:

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

Valeur de la propriété

值	描述
none	没有属性会获得过渡效果。
all	默认值。所有属性都将获得过渡效果。
property	定义应用过渡效果的 CSS 属性名称列表，列表以逗号分隔。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。