网页制作 
首页 > 网页制作 > 浏览文章

解决CSS3 transition-delay 属性默认值0不带单位失效的问题

(编辑:jimmy 日期: 2024/11/28 浏览:3 次 )

今天爱分享给大家带来CSS3 transition-delay 属性默认值0不带单位失效【问题解决】,希望能够帮助到大家。

CSS3 里面的 transition-delay 用了0默认值 本来按前端代码规范来说 0 最好是不带任何单位 比如:margin: 0;padding: 0; 等等 而不是 padding: 0px; margin: 0px;

所以在用到 transition-delay 的时候我也用了 transition-delay: 0; 然后就出现问题了。

直接上图:

解决CSS3 transition-delay 属性默认值0不带单位失效的问题

没有写单位直接用的默认 0

解决CSS3 transition-delay 属性默认值0不带单位失效的问题

没有写单位直接用的默认 0 的效果

反复查了很久然后开始怀疑人生的时候也不知道为什么我把单位加上了。居然实现了我想要的效果。

解决CSS3 transition-delay 属性默认值0不带单位失效的问题

在默认值 0 上加上单位

解决CSS3 transition-delay 属性默认值0不带单位失效的问题 

总结: 其实俩个效果问题不大。但是实际上还是有很大的区别的。因为是动效,个人觉得只要有规律的动起来只要不是鬼畜其实都可以接受。但是如果在真的项目中也用到了 transition-delay 使用 0 的时候失效而达不到用户或者公司想要的效果就得不偿失了。至于在CSS3里面其他的新属性会不会出现这样的情况就不清楚了。

上一篇:详解CSS line-height和height
下一篇:css3实现简单的白云飘动背景特效
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap