问答详情
源自:8-10 CSS3中的动画--过渡延迟时间 transition-delay

为什么没有把过度代码放在hover里呢?

这事我看到一个例题(图片就无法显示,忽略吧),为什么把“transition: all 0.6s ease-in-out;”这句代码放在“.wrap p{}”中,而不是放在“.wrap:hover p{}”。 0.6s ease-in-out;" 移入时效果没有区别,把transition属性写在.wrap p{}”里的话,移出时有缓动效果,把transition属性写在.wrap:hover p{}”里的话,移出时没有缓动效果,这事为啥呢?求答疑解惑

提问者:天窗的蚂蚁 2016-01-09 11:40

个回答

  • 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

    因为默认的是鼠标不在的效果