过渡
过渡的属性
如果两个状态发生改变,没有过渡,效果是瞬间变化的
如果加上了过渡,那么这个过程就会有动画的效果。
整个状态变化的过程是由浏览器来完成的,我们只需要关注开始状态与结束状态即可。
transition: all 1s;
过渡的注意点:
过渡必须要有两个状态的变化。
过渡可以写在A状态,也可以写在B状态,但是如果写在B状态,那么回来的时候,就没有过渡效果了。
过渡
过渡的属性
如果两个状态发生改变,没有过渡,效果是瞬间变化的
如果加上了过渡,那么这个过程就会有动画的效果。
整个状态变化的过程是由浏览器来完成的,我们只需要关注开始状态与结束状态即可。
transition: all 1s;
过渡的注意点:
过渡必须要有两个状态的变化。
过渡可以写在A状态,也可以写在B状态,但是如果写在B状态,那么回来的时候,就没有过渡效果了。