在pseudo类中直接设置transition属性是不好的做法吗?

时间:2017-01-17 12:20:28

标签: css hover transition

哪种是最佳做法,为什么?这两种情况有区别吗?

1

a {
    transition: color 325ms;
}

a:hover {
    color: red;
}

2

a:hover {
    transition: color 325ms;
    color: red;
}

1 个答案:

答案 0 :(得分:2)

这不是一个坏习惯,这取决于。如果你将class放在伪transition中,那么转换只会在你将鼠标放在元素上时发生,而如果你将transition放在基本选择器本身上,鼠标移出鼠标时鼠标上的元素将动画显示。

Demo(仅当您在悬停时声明transition

Vs的

Demo 2(鼠标悬停时android:layout_height="0dp" + mouseout)