web前端鼠標放在div標簽制成的盒子上如何實現圖片壹秒內由正方形變為圓形在變

1、HTML源代碼完整代碼：

復制代碼代碼如下:

圖片圓形布局 在線演示 DIVCSS5。

2、對應CSS代碼：

復制代碼代碼如下:

#divcss5{ margin:10px auto}。

#divcss5 img{ border-radius:50%}。

命名盒子“id=divcss5”盒子居中，同時上下外間距為10px;，然後設置對象盒子裏img圖片圓角50%。