使用css3写一个圆形的缩放动画效果

以下是一个使用CSS3编写的圆形缩放动画效果：

HTML代码：

<div class="circle"></div>

CSS代码：

.circle {
  width: 100px;
  height: 100px;
  background-color: #f00;
  border-radius: 50%;
  animation: scale 2s ease-in-out infinite;
}

@keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}

这段代码定义了一个圆形div，其宽高都为100px，背景色为红色，且通过`border-radius`属性将其变成了一个圆形。接着定义了一个名为`scale`的动画，其周期为2s，采用了“缓入缓出”的动画函数，并设置了无限循环。在动画的关键帧中，将圆形的`transform`属性从原始尺寸（1倍）到放大1.5倍，再到原始尺寸，从而实现了一个往返的缩放效果。

你可以将这段代码复制到一个HTML文件中并在浏览器中打开，就可以看到这个动画效果了。