首页 > 开发 > CSS > 正文

网页代码加载完成后执行transition

2024-07-11 09:01:33
字体:
来源:转载
供稿:网友

武林网(www.vevb.com)文章简介:网页代码加载完毕再执行transition。

首先给body添加preload这个class,然后给所有的元素执行transition为none,最后通过js判断,加载完毕把body上的preload这个class去掉

<body class="preload">.preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; }$("window").load(function() { $("body").removeClass("preload"); });

更多请查看:

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表