解决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 相关文章推荐
CSS教程:CSS3圆角属性
Apr 02 HTML / CSS
CSS3 Media Queries(响应式布局可以让你定制不同的分辨率和设备)
Jun 06 HTML / CSS
css3实现图片遮罩效果鼠标hover以后出现文字
Nov 05 HTML / CSS
CSS3让登陆面板3D旋转起来
May 03 HTML / CSS
利用CSS3制作简单的3d半透明立方体图片展示
Mar 25 HTML / CSS
CSS3 transforms应用于背景图像的解决方法
Apr 16 HTML / CSS
canvas实现图片马赛克的示例代码
Mar 26 HTML / CSS
W3C公布最新的HTML5标准草案
Oct 17 HTML / CSS
html5指南-7.geolocation结合google maps开发一个小的应用
Jan 07 HTML / CSS
HTML5通用接口详解
Jun 12 HTML / CSS
HTML5拍照和摄像机功能实战详解
Jan 24 HTML / CSS
使用Html5 Stream开发实时监控系统
Jun 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
Terran兵种介绍
2020/03/14 星际争霸
两种php调用Java对象的方法
2006/10/09 PHP
PHPMailer邮件发送的实现代码
2013/05/04 PHP
浅析php header 跳转
2013/06/17 PHP
在windows平台上构建自己的PHP实现方法(仅适用于php5.2)
2013/07/05 PHP
php实现的DateDiff和DateAdd时间函数代码分享
2014/08/16 PHP
Zend Framework+smarty用法实例详解
2016/03/19 PHP
PHP生成推广海报的方法分享
2018/04/22 PHP
PHP 文件上传限制问题
2019/09/01 PHP
解读IE和firefox下JScript和HREF的执行顺序
2008/01/12 Javascript
让你的CSS像Jquery一样做筛选的实现方法
2011/07/10 Javascript
动态加载js和css(外部文件)
2013/04/17 Javascript
js 得到文件后缀(通过正则实现)
2013/07/08 Javascript
利用python分析access日志的方法
2016/10/26 Javascript
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
2017/04/05 Javascript
js编写选项卡效果
2017/05/23 Javascript
vue如何集成raphael.js中国地图的方法示例
2017/08/15 Javascript
JS实现移动端整屏滑动的实例代码
2017/11/10 Javascript
对vue.js中this.$emit的深入理解
2018/02/23 Javascript
mockjs+vue页面直接展示数据的方法
2018/12/19 Javascript
使用typescript改造koa开发框架的实现
2020/02/04 Javascript
JS写滑稽笑脸运动效果
2020/05/28 Javascript
vue element el-transfer增加拖拽功能
2021/01/15 Vue.js
[06:57]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD 选手采访
2021/03/11 DOTA
Python随机生成手机号、数字的方法详解
2017/07/21 Python
Python使用Matplotlib模块时坐标轴标题中文及各种特殊符号显示方法
2018/05/04 Python
python 调用钉钉机器人的方法
2019/02/20 Python
如何把外网python虚拟环境迁移到内网
2020/05/18 Python
Django集成MongoDB实现过程解析
2020/12/01 Python
使用CSS实现弹性视频html5案例实践
2012/12/26 HTML / CSS
canvas绘制圆角头像的实现方法
2019/01/17 HTML / CSS
酒店服务实习自我鉴定
2013/09/22 职场文书
建筑工地文明标语
2014/10/09 职场文书
聘任书范文大全
2015/09/21 职场文书
python 解决微分方程的操作(数值解法)
2021/05/26 Python
python中pandas对多列进行分组统计的实现
2021/06/18 Python