html 遮罩浮层过渡,CSS3实现DIV图层模块过渡显示效果

本篇文章主要介绍CSS3的transition-delay属性，用来实现DIV图层模块过渡显示效果，使用的时候注意浏览器兼容情况，希望对你有所帮助。

浏览器支持：

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

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

注释：Internet Explorer 9 以及更早版本的浏览器不支持 transition-delay 属性。

定义和用法

transition-delay 属性规定过渡效果何时开始。

transition-delay 值以秒或毫秒计。

语法：

transition-delay: time;

说明：time 规定在过渡效果开始之前需要等待的时间，以秒或毫秒计。

过渡效果前等待5秒

示例代码：div

{

transition-delay: 5s;

-moz-transition-delay: 5s; /* Firefox 4 */

-webkit-transition-delay: 5s; /* Safari 和 Chrome */

-o-transition-delay: 5s; /* Opera */}