氣球是很多孩子喜歡的玩具之一，但氣球很輕，容易飄走，那么如何使用CSS來實現氣球飄走呢？

.balloon {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
animation: float 3s ease-in-out infinite;
}
@keyframes float {
0% {
transform: translateX(-50%) translateY(0);
}
50% {
transform: translateX(-50%) translateY(-50px);
}
100% {
transform: translateX(-50%) translateY(0);
}
}

首先，我們需要設置氣球的基本樣式，例如位置和動畫效果。我們使用絕對定位來使氣球在頁面中脫離文檔流，并使用 transform 屬性來更好地控制氣球的位置。然后，我們使用 animation 屬性來定義浮動動畫。

在動畫中，我們使用 @keyframes 規則來定制動畫的細節。我們使用 translateY 屬性來使氣球沿垂直方向上下浮動，然后利用 transform 屬性將氣球水平居中。最后，我們使動畫無限循環。

以上就是利用CSS實現氣球飄走的簡單示例。當然，我們還可以根據不同的需求自定義動畫效果，例如加入旋轉、變形等效果，讓氣球看起來更加生動有趣。