在CSS3中，我們可以使用簡單的代碼來創造一些動畫效果。這篇文章將會介紹一種用純CSS3來畫簡單的動畫的方法。

.box {
width: 100px;
height: 100px;
position: relative;
}
.box:before, .box:after {
content: "";
position: absolute;
width: 50px;
height: 50px;
border-radius: 50%;
background: #f00;
animation: bounce 1s ease-in-out infinite alternate;
}
.box:before {
top: -25px;
left: 0;
}
.box:after {
top: -25px;
right: 0;
}
@keyframes bounce {
0% {
transform: translateY(0);
}
100% {
transform: translateY(50px);
}
}

上面的代碼可以讓一個正方形元素(.box)中間分別出現兩個圓(.box:before, .box:after)。圓會在垂直方向來回彈跳，形成一個有趣的動畫效果。

首先，我們定義了.box元素的樣式包括寬度和高度等。接下來，我們使用偽元素(:before, :after)來實現兩個圓，定位在正方形的上左和上右。我們設置了圓的寬高、邊框圓角等基本屬性，并用紅色填充。

在接下來的代碼段中，我們定義了一個名為"bounce"的動畫，用來讓圓實現跳躍的效果。它從0%的位置開始，沿Y軸向上移動0，然后在100%的位置向上移動50個像素。最后我們將此動畫綁定到兩個圓上，使用infinite和alternate屬性告訴瀏覽器在實現完動畫后循環反向播放。

通過這些簡單的CSS3代碼，我們可以創造出各種形態的有趣動畫，為網頁增添生動的氣息。它不依賴于JavaScript等其他腳本，使網頁更加高效與流暢。