html怎么实现过渡效果

1、完整代码如图所示。

2、这是未过渡前的样式的代码。

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

4、运行结果如图所示。

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