日期:2014-05-16  浏览次数:20718 次

css3动画系列之transition 属性

浏览器支持情况:

?

Internet Explorer 10、Firefox、Opera 和 Chrome 支持 transition 属性。

Safari 支持替代的 -webkit-transition 属性。

定义和用法

transition 属性是一个简写属性,用于设置四个过渡属性:

  • transition-property
  • transition-duration
  • transition-timing-function
  • transition-delay

注释:请始终设置?transition-duration?属性,否则时长为 0,就不会产生过渡效果。

默认值: 继承性: 版本: JavaScript 语法:
all 0 ease 0
no
CSS3
object.style.transition="width 2s"

语法

transition: property duration timing-function delay;
值 描述
transition-property 规定设置过渡效果的 CSS 属性的名称。