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

本文主要介绍"如何解决CSS3中transition-delay属性默认值0不带单位失效的问题",希望能够解决您遇到有关问题,下面我们一起来看这篇 "如何解决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里面其他的新属性会不会出现这样的情况就不清楚了。

关于 "如何解决CSS3中transition-delay属性默认值0不带单位失效的问题" 就介绍到这。希望大家多多支持编程宝库

本文主要介绍"html编写edm时注意事项有哪些",希望能够解决您遇到有关问题,下面我们一起来看这篇 "html编写edm时注意事项有哪些" 文章。格式编码1、页面宽度请设定在600到800px以内,长度 ...