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

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

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

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

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

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

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