CSS3是網(wǎng)頁(yè)前端開(kāi)發(fā)中使用廣泛的一種技術(shù)，可以實(shí)現(xiàn)許多炫酷的效果，比如頁(yè)面晃動(dòng)效果。

頁(yè)面晃動(dòng)效果一般使用CSS3中的動(dòng)畫技術(shù)實(shí)現(xiàn)。首先，我們需要定義一個(gè)用于晃動(dòng)的CSS樣式，例如：

.shake {
animation: shake 0.5s;
}
@keyframes shake {
0% { transform: translate(0px, 0px) rotate(0deg); }
25% { transform: translate(20px, 0px) rotate(20deg); }
50% { transform: translate(0px, -20px) rotate(-20deg); }
75% { transform: translate(-20px, 0px) rotate(20deg); }
100% { transform: translate(0px, 0px) rotate(0deg); }
}

這段代碼定義了一個(gè)名為“shake”的動(dòng)畫，通過(guò)關(guān)鍵幀的方式定義了每個(gè)階段需要展示的樣式。

接下來(lái)，我們需要將該樣式應(yīng)用到頁(yè)面上的元素上，例如：

<div class="shake">這是一個(gè)晃動(dòng)的元素</div>

這樣，頁(yè)面上就會(huì)有一個(gè)晃動(dòng)的元素展現(xiàn)出來(lái)。

需要注意的是，頁(yè)面晃動(dòng)效果雖然看起來(lái)很酷炫，但在實(shí)際應(yīng)用中需要注意不要過(guò)度使用，以免影響用戶體驗(yàn)。