transition的书写位置

来源:1-2 CSS3中transition属性

冰雪封尘

2016-03-18 20:18

为什么transition要写在颜色没有改变之前,为什么不写在#block:hover里呢?

写回答 关注

1回答

  • Saplf
    2016-03-18 21:52:33
    已采纳

    我的猜测:为了方便浏览器解析?

    我自己练习的时候发现一个现象。我需要有两个过渡的属性,然而我当时并不知道可以直接在其后面直接用“,”隔开再加,我自作主张地又写了一个 transition ,导致的结果就是,前一个的过渡效果始终没有实现,也就是后一句直接覆盖了前一句。

    所以我的感觉,浏览器是用到什么选择器就加载那个选择器的内容。

    我又试着把 transition 的语句放在了 hover 中,结果,变长时正常过渡,而当鼠标移开,浏览器已经不会再解析 hover 中的语句了,也就没了过渡效果,直接变回 40px。

    纯属猜测,没有百度出权威解释。。。。

    冰雪封尘

    非常感谢!

    2016-03-20 23:14:34

    共 1 条回复 >

CSS3 3D 特效

使用CSS3当中的属性,创建真实可用的三维效果

78572 学习 · 425 问题

查看课程

相似问题