制作來回彈的圓，可以使用CSS3中的動(dòng)畫和變形屬性來實(shí)現(xiàn)，以下是一個(gè)簡(jiǎn)單的示例代碼：

HTML代碼：

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

CSS代碼：

.circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #333;
  position: relative;
  animation: bounce 2s infinite;
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-50px);
  }
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)類名為.circle的div元素，并將其寬度和高度都設(shè)置為100像素，我們使用border-radius屬性將其形狀設(shè)置為圓形，我們使用position: relative;屬性將圓定位在相對(duì)于其正常位置的地方，我們使用animation屬性將名為bounce的動(dòng)畫應(yīng)用到圓上，該動(dòng)畫會(huì)在2秒內(nèi)來回彈跳，在動(dòng)畫的關(guān)鍵幀中，我們使用transform: translateY()屬性來移動(dòng)圓在垂直方向上的位置。

這只是一個(gè)簡(jiǎn)單的示例，您可以根據(jù)自己的需求進(jìn)行調(diào)整和擴(kuò)展，為了確保動(dòng)畫的兼容性和性能，建議在使用CSS3動(dòng)畫時(shí)考慮使用硬件加速和性能優(yōu)化等技術(shù)。