JavaScript HTML DOM Style transition 属性
-
transition 属性
transition属性是四个过渡属性的简写属性:transitionProperty,transitionDuration,transitionTimingFunction和transitionDelay。注意:始终指定transitionDuration属性,否则持续时间为0,并且转换将不起作用。将鼠标悬停在div元素上以逐渐改变其外观:
尝试一下document.getElementById("myDIV").style.transition = "all 2s";
-
浏览器支持
项 IE/Edge Chrome FireFox Safari Opera 属性 transition 10.0+26.0+16.0+6.1+3.1 WebkitTransition12.1+ -
语法
返回transition属性:object.style.transition设置transition属性:object.style.transition = "property duration timing-function delay|initial|inherit" -
-
技术细节
项目 描述 默认值: all 0 ease 0 返回值: 一个字符串,表示元素的transition属性 CSS版本 CSS3 -
相关页面
CSS参考:CSS transition 属性