CSS3實(shí)現(xiàn)圓從小變大的動畫效果可以通過設(shè)置動畫關(guān)鍵幀來實(shí)現(xiàn)，下面是一個示例代碼：

HTML代碼：

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

CSS代碼：

.circle {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #000;
  animation: growCircle 2s ease-in-out;
}
@keyframes growCircle {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

在這個示例中，我們創(chuàng)建了一個名為circle的div元素，并設(shè)置了它的寬度、高度和邊框半徑為50px，背景顏色為黑色，我們定義了一個名為growCircle的動畫，持續(xù)時間為2秒，緩動函數(shù)為ease-in-out，在動畫的關(guān)鍵幀中，我們設(shè)置了初始狀態(tài)（0%）和結(jié)束狀態(tài)（100%）的縮放比例為0和1，實(shí)現(xiàn)了圓從小變大的效果。