HTML-鼠标经过矩形，矩形变成圆形代码怎么写

1、如图，建立了一个矩形的代码，设置宽高属性

3、然后我们在css样式中，输入:hover属性，在属性栏中输入鼠标经过后的变化

5、如果我们想要将中间发生的过程不要这么快，有动画的发生过程，这时候我们可以对矩形属性中添加动画属性transition属性 后面添加发生变化的属性再加时间