HTML-鼠标经过矩形颜色发生改变这种代码怎么写

1、如图，建立一个填充了颜色的矩形，

2、现在效果是这样的，如图所示

3、鼠标经过这种属性可以使用css3样式中的hover属性，当鼠标经过div时发生的变化，所以代码就是针对div发生的 div:hover{} 括号内是颜色发生的变化

4、这样颜色设置好后，当鼠标经过图形时，颜色立即发生变化

5、如果我们在前面的属性中，添加了一个过渡时间，即transition属性，那么再重新经过的时候就会有一个动画的效果了

6、最后效果，如图所示，颜色慢慢变化。