CSS3 transition-delay

CSS3 transition-delay 属性定义与用法

transition-delay 属性指定何时将开始切换效果。

transition-delay值是指以秒为单位（S）或毫秒（ms）。

默认值： 0
继承： no
版本： CSS3
JavaScript 语法： object.style.transitionDelay="2s"

 

CSS3 transition-delay 语法

transition-delay: time;

 

CSS3 transition-delay 属性值

值 描述
time 指定秒或毫秒数之前要等待切换效果开始

 

CSS3 transition-delay 浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10, Firefox,Chrome 和 Opera支持transition-delay 属性

Safari 通过私有属性 -webkit-transition-delay 支持.

注意： Internet Explorer 9及更早IE版本不支持transition-delay 属性.

 

CSS3 transition-delay 实例

等待2秒前切换效果开始：

transition-delay: 2s;
-webkit-transition-delay: 2s; /* Safari */

在线运行