在CSS中，通過動畫可以賦予元素生動活潑的效果。一個常見的需求是將一個元素的動畫效果同步用來推動另一個div元素。下面我來介紹一下如何實現。

// HTML代碼
// CSS代碼
.box1 {
width: 100px;
height: 100px;
background-color: coral;
animation: move 3s infinite;
}
.box2 {
width: 50px;
height: 50px;
background-color: cyan;
transform: translateX(0);
transition: transform 3s;
}
@keyframes move {
0% {
transform: translateX(0);
}
50% {
transform: translateX(200px);
}
100% {
transform: translateX(0);
}
}
.box1元素使用了名為“move”的動畫，在3秒內讓.box1元素的translateX值從0變到200，再變回0。而.box2元素開始時默認不動，可以通過設置transform和transition屬性來實現同步移動，其中transform: translateX(0)表示開始位置，transition: transform 3秒表示變化過程也是3秒。
通過這樣的設置，.box2元素會跟隨.box1元素的動畫效果，在3秒內從左側移動到右側，再移回左側。這就是如何使用CSS動畫推動別的div元素的方法。