cc.
cc.
侠客
侠客
  • 最后登录2018-08-27
  • 发帖数15
阅读:11109回复:5

[css]CSS3 transition-delay 属性默认值0不带单位有可能会失效

楼主#
更多 发布于:2018-08-16 17:04
  今天闲着没事就练习了下CSS3的动效。然后用到了 CSS3 里面的 transition-delay 用了0默认值 本来按前端代码规范来说 0 最好是不带任何单位 比如:margin: 0;padding: 0; 等等 而不是 padding: 0px; margin: 0px;
  所以在用到 transition-delay  的时候我也用了 transition-delay: 0;  然后就出现问题了。
  直接上图:

图片:未上.png


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

图片:未加单位.gif

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


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

图片:上.png

在默认值 0 上加上单位

图片:加单位.gif


在默认值 0 上加上单位的效果

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

PS:本人web前端小学生一枚。如果上文有什么错误的请大佬们指出来。(你们随便提,反正我也不会听  -。- )
第一次制作GIF图,做的很差,而且晃的很,如果想吐或者恶心的请劳驾 杨老大 的其他精华帖(有什么不适我也不会负责 =、=)

嗯! CSS3真香!

最新喜欢:

windymuwindym... KaranKaran doubleyongdouble...
doubleyong
管理员
管理员
  • 最后登录2025-12-02
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
沙发#
发布于:2020-03-11 21:14
Youchenchuan:在下是大波阳最得意的弟子 没有之一   加我qq:1622615551回到原帖
你这脸皮有点厚了哈
知识需要管理,知识需要分享
Youchenchuan
贫民
贫民
  • 最后登录2020-03-11
  • 发帖数2
板凳#
发布于:2020-03-11 15:49
在下是大波阳最得意的弟子 没有之一   加我qq:1622615551
Karan
贫民
贫民
  • 最后登录2020-01-11
  • 发帖数1
地板#
发布于:2020-01-11 17:56
厉害了
cc.
cc.
侠客
侠客
  • 最后登录2018-08-27
  • 发帖数15
4楼#
发布于:2018-08-17 10:13
doubleyong:很厉害了回到原帖
杨老大捧场王
doubleyong
管理员
管理员
  • 最后登录2025-12-02
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
5楼#
发布于:2018-08-16 21:40
很厉害了
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号