解决CSS3 transition-delay 属性默认值0不带单位失效的问题
发布时间：2020-10-29 15:56:59 作者：IT热血青年 
我要评论
我要评论这篇文章主要介绍了解决CSS3 transition-delay 属性默认值0不带单位失效的问题,本文给大介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
今天爱分享给大家带来CSS3 transition-delay 属性默认值0不带单位失效【问题解决】，希望能够帮助到大家。
CSS3 里面的 transition-delay 用了0默认值 本来按前端代码规范来说 0 最好是不带任何单位 比如：margin: 0;padding: 0; 等等 而不是 padding: 0px; margin: 0px;
所以在用到 transition-delay 的时候我也用了 transition-delay: 0; 然后就出现问题了。
直接上图：
没有写单位直接用的默认 0
没有写单位直接用的默认 0 的效果
反复查了很久然后开始怀疑人生的时候也不知道为什么我把单位加上了。居然实现了我想要的效果。
在默认值 0 上加上单位
总结： 其实俩个效果问题不大。但是实际上还是有很大的区别的。因为是动效，个人觉得只要有规律的动起来只要不是鬼畜其实都可以接受。但是如果在真的项目中也用到了 transition-delay 使用 0 的时候失效而达不到用户或者公司想要的效果就得不偿失了。至于在CSS3里面其他的新属性会不会出现这样的情况就不清楚了。
到此这篇关于解决CSS3 transition-delay 属性默认值0不带单位失效的问题的文章就介绍到这了,更多相关CSS3 transition-delay 属性内容请搜索程序员之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持程序员之家！
相关文章
- CSS3中新增的transform属性，可以实现元素在变换过程中的过渡效果，实现了基本的动画。下面通过本文给大家介绍CSS3使用transition属性实现过渡效果，需要的朋友参考下本文2018-04-18
详解css3 Transition属性（平滑过渡菜单栏案例）
这篇文章主要介绍了详解css3 Transition属性（平滑过渡菜单栏案例）的相关资料,需要的朋友可以参考下2017-09-05CSS3与动画有关的属性transition、animation、transform对比（史上最全
这篇文章主要介绍了CSS3与动画有关的属性transition、animation、transform对比，通过浏览器兼容性，用法和对比更深刻的展示了彼此之间的异同，具体操作步骤大家可查看下文2017-08-18- 大家都知道过渡动画是动画的基础，在学习动画属性之前，我们需要先了解过渡属性transition，下面这篇文章通过示例代码给大家详细介绍了CSS3中的元素过渡属性transition，有2016-11-30
CSS3中动画属性transform、transition和animation属性的区别
最近在项目中用到了CSS3中的动画属性。无奈对于css3几个新加的属性不太熟悉，常常容易搞混。所以从网站研究了点资料，总结一下，方便有需要的朋友们可以参考学习。2016-09-25
css3中通过transition属性可以实现一些简单的动画过渡效果，今天通过本文给大家介绍下css3中transition属性的示例代码，感兴趣的朋友跟随小编一起看看吧2022-02-18
最新评论