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


Posted in HTML / CSS onOctober 29, 2020

今天爱分享给大家带来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 属性内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章,希望大家以后多多支持三水点靠木!

HTML / CSS 相关文章推荐
纯CSS3打造属于自己的“小黄人”
Mar 14 HTML / CSS
利用Bootstrap实现漂亮简洁的CSS3价格表实例源码
Mar 02 HTML / CSS
css3如何绘制一个圆圆的loading转圈动画
Jan 09 HTML / CSS
CSS3实现文本垂直排列的方法
Jul 10 HTML / CSS
浅谈CSS3 动画卡顿解决方案
Jan 02 HTML / CSS
详解CSS3弹性伸缩盒
Sep 21 HTML / CSS
详解canvas在圆弧周围绘制文本的两种写法
May 22 HTML / CSS
HTML5 Canvas——用路径描画线条实例介绍
Jun 09 HTML / CSS
html5的websockets全双工通信详解学习示例
Feb 26 HTML / CSS
利用HTML5 Canvas制作一个简单的打飞机游戏
May 11 HTML / CSS
html5超简单的localStorage实现记住密码的功能实现
Sep 07 HTML / CSS
基于HTML5 Canvas的3D动态Chart图表的示例
Nov 02 HTML / CSS
css3实现简单的白云飘动背景特效
Oct 28 #HTML / CSS
浅析CSS3 用text-overflow解决文字排版问题
Oct 28 #HTML / CSS
关于css中margin的值和垂直外边距重叠问题
Oct 27 #HTML / CSS
CSS3 实现弹跳的小球动画
Oct 26 #HTML / CSS
css3利用transform变形结合事件完成扇形导航
Oct 26 #HTML / CSS
CSS 3.0文字悬停跳动特效代码
Oct 26 #HTML / CSS
css3 transform过渡抖动问题解决
Oct 23 #HTML / CSS
You might like
php实现删除空目录的方法
2015/03/16 PHP
curl 出现错误的调试方法(必看)
2017/02/13 PHP
需要做特殊处理的DOM元素属性的访问
2010/11/05 Javascript
jQuery powerFloat万能浮动层下拉层插件使用介绍
2010/12/27 Javascript
浅谈类似于(function(){}).call()的js语句
2015/03/30 Javascript
分享几种比较简单实用的JavaScript tabel切换
2015/12/31 Javascript
Bootstrap登陆注册页面开发教程
2016/07/12 Javascript
浅谈js中子页面父页面方法 变量相互调用
2016/08/04 Javascript
Node.js测试中的Mock文件系统详解
2016/11/21 Javascript
jQuery简单实现遍历单选框的方法
2017/03/06 Javascript
JS实现课堂随机点名和顺序点名
2017/03/09 Javascript
Avalonjs双向数据绑定与监听的实例代码
2017/06/23 Javascript
微信小程序实现多选功能
2018/11/04 Javascript
VUE脚手架的下载和配置步骤详解
2019/04/01 Javascript
vue input输入框关键字筛选检索列表数据展示
2020/10/26 Javascript
微信小程序 如何获取网络状态
2019/07/26 Javascript
vue自定义指令限制输入框输入值的步骤与完整代码
2020/08/30 Javascript
vue-simple-uploader上传成功之后的response获取代码
2020/09/07 Javascript
[03:03]2014DOTA2西雅图国际邀请赛 Alliance战队巡礼
2014/07/07 DOTA
13个最常用的Python深度学习库介绍
2017/10/28 Python
pygame游戏之旅 添加游戏介绍
2018/11/20 Python
python3安装crypto出错及解决方法
2019/07/30 Python
使用Python脚本zabbix自定义key监控oracle连接状态
2019/08/28 Python
Python @property装饰器原理解析
2020/01/22 Python
Matplotlib使用字符串代替变量绘制散点图的方法
2020/02/17 Python
python-xpath获取html文档的部分内容
2020/03/06 Python
Canvas系列之滤镜效果
2019/02/12 HTML / CSS
中国跨境电子商务网站:NewFrog
2018/03/10 全球购物
MADE法国:提供原创设计师家具
2018/09/18 全球购物
英国在线电子和小工具商店:TecoBuy
2018/10/06 全球购物
行政管理专业推荐信
2013/11/02 职场文书
水果超市创业计划书
2014/01/27 职场文书
元旦获奖感言
2014/03/08 职场文书
物流管理专业毕业生求职信
2014/03/23 职场文书
承诺函格式模板
2015/01/21 职场文书
党纪处分决定书
2015/06/24 职场文书