时间:2021-05-08
今天爱分享给大家带来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 属性内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以
前言W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果
CSS3的制作动画的三大属性(Transform,Transition,Animation)下面介绍一下Transition属性。transition属性是一个
复制代码代码如下:css3的transition效果body{background:#000;}*{margin:0;padding:0;list-style:
一、平移动画有关的CSS3属性以及相关的属性描述 1、transition-property:是用来指定当元素其中一个属性改变时执行transition效果(