在網(wǎng)頁設(shè)計中，動態(tài)效果是非常重要的一部分。CSS3技術(shù)不僅可以使網(wǎng)頁看起來更加美觀，還可以添加一些炫酷的特效。其中，上下晃動效果是非常受歡迎的一種效果。

下面是實現(xiàn)CSS3上下晃動效果的代碼：

/*定義上下晃動*/
@keyframes shake {
 0% {
 transform: translateY(-10px);
 }
 50% {
 transform: translateY(10px);
 }
 100% {
 transform: translateY(-10px);
 }
}
/*將晃動應(yīng)用于具體元素*/
.element {
 animation: shake 1s infinite;
}

上面代碼中，我們先定義了一個名為“shake”的上下晃動動畫，接著我們將這個動畫應(yīng)用到具體的元素上。最后，我們通過添加“infinite”關(guān)鍵詞讓這個動畫無限循環(huán)。

通過修改“transform”屬性的值，我們可以改變上下晃動的具體幅度和頻率。通過調(diào)整動畫的時間，我們可以控制晃動的速度。這個上下晃動效果可以用于各種元素，比如按鈕、導(dǎo)航欄等，給網(wǎng)站帶來更多動態(tài)效果。