transition-delay怎么用啊？

把transition-delay的值改到比transition-duration大的话，看不到动画效果，把transition-delay的值改小并没有看到具体效果

JohnieXu

2016-12-25

源自：十天精通CSS3 8-7

关注问题我要回答

1596

操作

收起

2 回答

爱上慕婉清6262634
2017-10-09

transition-delay是延迟时间，transition-duration是持续时间，比如说你设置持续时间5秒，延迟时间是10秒，那么当鼠标覆盖之后，经过10秒动画开始播放，宽度由200px变400px，5秒后变化结束。这个过程鼠标不可移出，否则hover事件终止

1 回复有任何疑惑可以回复我~

收起回答

悦e
2016-12-26

transition-delay只是延迟过度，等久点而已，不影响动画持续时间，可能是浏览器问题，考虑换个浏览器

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

十天精通CSS3

参与学习 242635 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

进入课程

本课相似问答

3 回答左侧举例貌似缺少transition-delay

3 回答为什么不是transition-duration:10s;tansition-timing-function:ease;transition-delay:…………？为什么这节内容都写成了animation-duration的形式？

1 回答transition

2 回答请问transition里面的all是什么作用？？

2 回答animation 与transition

搜索更多本课相关问答

transition-delay怎么用啊？

我要回答关注问题

热搜

最近搜索清空

transition-delay怎么用啊？

2 回答

本课相似问答

transition-delay怎么用啊？