CSS動畫是指通過CSS樣式定義使元素在一定時間內產生變化的效果。多個div一起動畫也是常見的應用場景，下面我們將通過一個示例來演示如何實現。

<div class="container">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>

首先，我們需要定義一個容器（class="container"）和多個子元素（class="box"），使用CSS將它們排列在一起。

.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.box {
width: 100px;
height: 100px;
margin: 0 10px;
border-radius: 50%;
background-color: #f00;
}

接下來，我們需要為這些元素設置動畫效果。在CSS中，我們可以使用@keyframes定義動畫關鍵幀，并將動畫細節和元素屬性綁定在一起實現效果。

.box:nth-child(1) {
animation: move 3s ease-in-out infinite alternate;
}
.box:nth-child(2) {
animation: move 2s ease-in-out infinite alternate;
}
.box:nth-child(3) {
animation: move 4s ease-in-out infinite alternate;
}
@keyframes move {
from {
transform: translateX(0);
}
to {
transform: translateX(100px);
}
}

在這里，我們使用了:nth-child()偽類選擇器選擇不同的元素，并分別綁定了不同的動畫效果。注意到動畫的名稱（"move"）和屬性（transform）需要在關鍵幀中聲明。最后在每個.box元素的動畫屬性中引用即可。

通過以上代碼，我們實現了多個div一起動畫的效果。不同的動畫時長和不同的方向變化，使得動畫效果更為豐富。希望這個示例可以幫助讀者更好地理解和掌握CSS動畫的基本技能。