最新的Web开发教程
 

Style transitionProperty Property

<Style对象

将鼠标悬停在一个div元素逐渐改变其宽度和高度:

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

定义和用法

该transitionProperty属性指定的CSS属性的名称的过渡效果是(过渡效果会启动指定的CSS属性发生变化时)。

Tip:通常可发生时的过渡效果的用户悬停在一个元素上。

Note:始终指定transitionDuration财产,否则持续时间为0,并过渡不会有任何效果。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

该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对象