CSS中的擺動動畫效果，意味著一個元素來回?fù)u擺。它可以在CSS中通過設(shè)置動畫的關(guān)鍵幀來實現(xiàn)。

.swing {
animation: swing 2s infinite;
transform-origin: top center;
}
@keyframes swing {
0% {
transform: rotate(0);
}
25% {
transform: rotate(15deg);
}
75% {
transform: rotate(-15deg);
}
100% {
transform: rotate(0);
}
}

在上面的代碼中，我們首先為元素添加了一個swing類。通過動畫屬性，我們將該元素的動畫設(shè)為swing，時間為2秒，并將該動畫無限循環(huán)。

接著，在關(guān)鍵幀@keyframes中定義元素的每個狀態(tài)。其中0%表示動畫開始，100%表示動畫結(jié)束。在這個擺動效果中，我們設(shè)定了元素在25%時向左搖擺15度，在75%時向右搖擺15度，最終回到原始狀態(tài)。

在transform-origin屬性中，我們設(shè)置的是元素的旋轉(zhuǎn)中心。這里我們將元素的頂部中心作為中心點，而不是默認(rèn)的中心點。這樣可以讓元素看起來更加自然。

最后，在我們的HTML代碼中，我們可以將需要實現(xiàn)擺動效果的元素添加swing類，即可實現(xiàn)這個擺動效果。同時，我們也可以自由調(diào)整代碼中各個狀態(tài)的角度和時間，來實現(xiàn)自己想要的擺動效果。