JavaScript HTML DOM Style transitionProperty 属性

• 

  transitionProperty 属性

  transitionProperty属性指定转换效果所用的CSS属性的名称（转换效果将在指定的CSS属性更改时开始）。

  提示：当用户将鼠标悬停在元素上时，通常会发生过渡效果。

  注意：始终指定transitionDuration属性，否则持续时间为0，并且转换将不起作用。

  将鼠标悬停在div元素上以逐渐更改其宽度和高度：

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

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  transitionProperty	10.0+	26.0+	16.0+	6.1+ 3.1 WebkittransitionProperty	12.1+

• 

  语法

  返回transitionProperty属性：

  object.style.transitionProperty

  设置transitionProperty属性：

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

  属性值

  值	描述
  none	没有属性会获得过渡效果
  all	默认值。 所有属性都将获得过渡效果
  property	定义转换效果所用的逗号分隔的CSS属性名称列表
  initial	设置这个属性为默认值。 阅读有关initial信息
  inherit	从其父元素继承此属性。 阅读有关inherit的信息

• 

  技术细节

  项目	描述
  默认值：	all
  返回值：	一个字符串，表示元素的transition-property属性
  CSS版本	CSS3

• 

  相关页面

  CSS参考：CSS transition-property 属性