CSS（Cascading Style Sheets）是一種網(wǎng)頁樣式表語言，它可以為網(wǎng)頁添加美觀的樣式與交互效果。其中，元素?fù)u擺動(dòng)畫是一種獨(dú)特的動(dòng)畫效果，可以為網(wǎng)頁增添一份活力。

/* 元素?fù)u擺動(dòng)畫 */
.yaoqing{
animation: yaoqing 1s ease-in-out infinite;
}
@keyframes yaoqing {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(10deg);
}
100% {
transform: rotate(-10deg);
}
}

以上是元素?fù)u擺動(dòng)畫的CSS代碼，其中，.yaoqing是需要添加動(dòng)畫的元素的類名，animation屬性是控制動(dòng)畫的屬性，包括名稱、時(shí)間、運(yùn)動(dòng)方式、循環(huán)等。而@keyframes是定義動(dòng)畫的關(guān)鍵幀，包括0%、50%和100%三個(gè)時(shí)間點(diǎn)下元素的狀態(tài)和位置。

例如，0%代表動(dòng)畫開始前元素的狀態(tài)，transform: rotate(0deg);表示元素不發(fā)生旋轉(zhuǎn)；50%代表動(dòng)畫進(jìn)行一半時(shí)元素的狀態(tài)，transform: rotate(10deg);表示元素逆時(shí)針旋轉(zhuǎn)10度；100%代表動(dòng)畫結(jié)束時(shí)元素的狀態(tài)，transform: rotate(-10deg);表示元素順時(shí)針旋轉(zhuǎn)10度。

通過調(diào)整@keyframes中的狀態(tài)和位置，可以創(chuàng)建出不同的搖擺動(dòng)畫效果，例如旋轉(zhuǎn)角度、擺動(dòng)幅度、速度等。同時(shí)，也可以通過添加其他CSS屬性，如顏色、尺寸等，進(jìn)一步豐富效果。

總之，通過CSS元素?fù)u擺動(dòng)畫的應(yīng)用，可以輕松為網(wǎng)頁添加獨(dú)特的動(dòng)畫效果，提升用戶的視覺體驗(yàn)和使用感受。