例
将鼠标悬停在一个div元素逐渐改变其宽度和高度:
document.getElementById("myDIV").style.transitionProperty = "width,height";
试一试» 定义和用法
该transitionProperty属性指定的CSS属性的名称的过渡效果是(过渡效果会启动指定的CSS属性发生变化时)。
Tip:通常可发生时的过渡效果的用户悬停在一个元素上。
Note:始终指定transitionDuration财产,否则持续时间为0,并过渡不会有任何效果。
浏览器支持
该transitionProperty属性在Internet Explorer 10,火狐,Opera和Chrome浏览器的支持。
Safari支持替代,WebkitTransitionProperty属性。
注:在Internet Explorer 9及更早版本不支持transitionProperty财产。
句法
返回transitionProperty属性:
object .style.transitionProperty
设置transitionProperty属性:
object .style.transitionProperty="none|all| 属性值 值 描述 none 无财产会得到一个过渡效果 all 默认值。 所有属性会得到一个过渡效果 property 定义一个逗号分隔的CSS属性名过渡效果是名单 initial 将此属性设置为默认值。 阅读关于初始 inherit 继承其父元素此属性。 阅读关于继承
技术细节
默认值: 所有 返回值: 一个字符串,表示元素的过渡属性属性 CSS版本 CSS3
相关页面
CSS参考: transition-property property
<Style对象