过度效果 · 前端

## 概述过度(transition)是css3中经常有颠覆性的特性之一.可以在不使用flash动画或javascript的情况下,当元素从一种样式变换为另一种样式时为元素添加效果. 在css3里使用transition可以实现补间动画(过度效果),并且当前元素只要有"属性"发生变化时即存在两种状态(我们用A和B代指),就可以实现平滑的过渡. ``` <style> div { height: 200px; width: 200px; background-color: pink; /*transition : 要过度的属性花费时间运动曲线何时开始*/ transition: width .4s, height .2s; //多属性 } div:hover { width: 400px; height: 400px; } </style> </head> <body> <div></div> </body> ```