html怎么实现过渡效果

1、完整代码如图所示。

3、这是过渡后的样式的代码。使用all可以让所有的属性都进行过渡。

5、鼠标放在红色正方形上时，会过渡成蓝色正方形。