CSS是網(wǎng)頁(yè)設(shè)計(jì)中非常重要的一部分，它可以控制網(wǎng)頁(yè)不同元素的樣式。其中一個(gè)比較有趣的效果是讓元素左右擺動(dòng)，這需要借助CSS3中的關(guān)鍵幀動(dòng)畫(huà)。

/* 定義左右擺動(dòng)動(dòng)畫(huà) */
@keyframes sway {
0% {
transform: translateX(0);
}
50% {
transform: translateX(20px);
}
100% {
transform: translateX(0);
}
}
/* 應(yīng)用于需要左右擺動(dòng)的元素 */
.sway {
animation: sway 1s ease-in-out infinite;
}

以上代碼中，我們首先定義了一個(gè)名為sway的關(guān)鍵幀動(dòng)畫(huà)，它在0%、50%和100%時(shí)分別設(shè)定了元素的水平位移，從而實(shí)現(xiàn)左右擺動(dòng)的效果。

接下來(lái)，我們將.sway類(lèi)應(yīng)用到需要左右擺動(dòng)的元素上，其中animation屬性指定了應(yīng)用的動(dòng)畫(huà)，1s表示動(dòng)畫(huà)持續(xù)1秒，ease-in-out表示動(dòng)畫(huà)速度加速再減速，infinite表示動(dòng)畫(huà)無(wú)限循環(huán)。

通過(guò)上述代碼，我們可以實(shí)現(xiàn)一個(gè)簡(jiǎn)單的左右擺動(dòng)動(dòng)畫(huà)效果。當(dāng)然，如果需要更多的定制化控制，可以進(jìn)一步調(diào)整動(dòng)畫(huà)參數(shù)或者添加其他CSS樣式來(lái)實(shí)現(xiàn)更豐富的效果。