CSS3是一種用于網(wǎng)頁設(shè)計的標準，它可以讓我們輕松地為網(wǎng)頁添加各種各樣的動畫效果。其中一種經(jīng)典的動畫效果就是翅膀振動效果。

/* 定義外部div */ 
div{
width:50px;
height:50px;
position:relative;
}
/* 定義翅膀 */ 
.wing{
width: 20px;
height: 20px;
position:absolute;
top:0;
background-color:#ffffff;
-webkit-animation:wing 0.3s infinite alternate;
animation:wing 0.3s infinite alternate; 
}
@-webkit-keyframes wing{
0%{transform:rotate(0deg)}
100%{transform:rotate(-30deg)}
}
@keyframes wing{
0%{transform:rotate(0deg)}
100%{transform:rotate(-30deg)}
}

如上所示，我們通過定義外部div，將翅膀振動效果放在div內(nèi)部。然后設(shè)置翅膀的寬高等參數(shù)，并通過position:relative屬性實現(xiàn)相對定位。

接下來，我們使用CSS3的animation屬性來設(shè)置動畫效果。其中，-webkit-animation是針對webkit內(nèi)核的瀏覽器（如Chrome、Safari）的屬性；animation是通用的屬性。

我們設(shè)置翅膀振動的動畫時長為0.3秒（可以根據(jù)實際情況進行調(diào)整），并且設(shè)置循環(huán)次數(shù)為無限（infinite），通過alternate參數(shù)，可以實現(xiàn)動畫輪流反向運動。同時，我們通過@-webkit-keyframes和@keyframes來定義了動畫效果的具體實現(xiàn)，使用transform:rotate()屬性實現(xiàn)翅膀振動的效果。

通過以上代碼，即可實現(xiàn)翅膀振動的動畫效果。我們可以根據(jù)實際需求，設(shè)置不同的動畫參數(shù)和效果，為網(wǎng)頁添加更多豐富的動態(tài)效果。