CSS3实现DIV图层模块过渡显示效果

488 2020/06/06 艾维畅想网

本篇文章主要介绍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 */}


分享到
  • 微信好友
  • QQ好友
  • QQ空间
  • 腾讯微博
  • 新浪微博
  • 人人网
成都艾维畅想网络科技有限公司
地址:成都市双流区华阳镇西寺路石化大厦酒店附近100米
联系人:满经理(成都/北京) 沈经理(广州)
电话:199-3875-5567
QQ:845583755(成都/北京) 578551723(广州)
邮箱:845583755@qq.com
  • 微信公众号
  • 手机版
  • 微信小程序

——需求定制——

您的姓名
联系电话
需求
热门标签: 品牌网站建设 | 购物商城建设 | 微信公众号 | 微信小程序 | APP开发 | 响应式开发 北京网站建设 | 成都网站建设 | 广州网站建设 | 网站推广优化 | 网站维护 | 服务器环境搭建 LOGO设计 | 宣传册设计 | 产品包装设计 | 名片设计 | 海报设计 | 广告设计
Copyright © 2011-2020 艾维畅想网 All Right Reserved.
ICP备案: 蜀ICP备20018253号-1
川公网安备 51010402000995号 川公网安备 51010402000995号

在线
客服

客服
热线

199-3875-5567
7*24小时客服服务热线

新浪
微博

微信
咨询

微信咨询

关注
微信

关注官方微信公众号
顶部