为什么没有把过度代码放在hover里呢？
来源：8-10 CSS3中的动画--过渡延迟时间 transition-delay
天窗的蚂蚁
2016-01-09 11:40
这事我看到一个例题（图片就无法显示，忽略吧），为什么把“transition: all 0.6s ease-in-out;”这句代码放在“.wrap p{}”中，而不是放在“.wrap:hover p{}”。 0.6s ease-in-out;" 移入时效果没有区别，把transition属性写在.wrap p{}”里的话，移出时有缓动效果，把transition属性写在.wrap:hover p{}”里的话，移出时没有缓动效果，这事为啥呢？求答疑解惑
写回答
关注
3回答
-
- mrlyw123
- 2016-12-21 10:21:18
p{}里面说的是开始的样式，p：hover{}是说hover结束时的样式
而transition-property:all 的意思是p：hover{}即结束状态里面所提到的所有属性，全部按照按照transition效果从开始走向结束
-
- 幕布斯9080258
- 2016-08-04 15:37:31
我个人感觉是这样，hove选择器中的属性值是div改变的最终样式，就是鼠标放上去显示的最终状态，所以你把过度代码放上去没意义。我也是刚自学几天，不对不要怪我
-
- calm_Heart
- 2016-01-09 14:58:24
因为默认的是鼠标不在的效果
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242555 学习 · 2623 问题
相似问题