怎么解决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不带单位失效的问题”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


文章名称:怎么解决CSS3中transition-delay属性默认值0不带单位失效的问题
URL链接:http://bzwzjz.com/article/giodph.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都企业网站建设 成都网站建设流程 外贸营销网站建设 营销网站建设 移动手机网站制作 成都网站制作 手机网站制作 成都网站建设 手机网站制作 定制网站建设多少钱 网站制作 企业网站建设公司 成都网站建设公司 成都网站设计 成都网站建设 网站建设 高端网站建设 成都网站制作 网站制作报价 成都网站建设 成都品牌网站设计 营销网站建设