使用circle piture - css增长效果问题

Question

我在没有问题的情况下将增长效果添加到矩形图片中，但是当我添加圆形图片（它是png）时，它会随着背景颜色的增长而增长为矩形。

.grow {
 display: inline-block;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-property: -webkit-transform;
 transition-property: transform;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 -webkit-transform: translateZ(0);
 -ms-transform: translateZ(0);
 transform: translateZ(0);
 box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  }

 .grow:hover {
 -webkit-transform: scale(1.1);
 -ms-transform: scale(1.1);
  transform: scale(1.1);
  }

Answer 1

没有圆圈元素。只有矩形。

例如，您可以将图像作为具有较大边框半径的div的背景，或者可以直接在图像上添加border-radius。

如果我没有回答这个问题，请举例说明。