CSS3動畫效果增強了網(wǎng)頁設(shè)計的能力，實現(xiàn)了各種炫酷的動畫效果，讓頁面充滿生氣和互動性。以下是一些常見的CSS3動畫效果：

/* 旋轉(zhuǎn) */
.rotate {
animation: rotate 2s infinite;
}
@keyframes rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* 縮放 */
.scale {
animation: scale 2s infinite;
}
@keyframes scale {
0% { transform: scale(1); }
50% { transform: scale(1.5); }
100% { transform: scale(1); }
}
/* 移動 */
.move {
animation: move 2s infinite;
}
@keyframes move {
0% { transform: translateX(0); }
50% { transform: translateX(100px); }
100% { transform: translateX(0); }
}
/* 漸變 */
.fade {
animation: fade 2s infinite;
}
@keyframes fade {
0% { opacity: 1; }
50% { opacity: 0.5; }
100% { opacity: 1; }
}

以上是一些基本的CSS3動畫效果，通過改變動畫的屬性和關(guān)鍵幀，可以實現(xiàn)更加復(fù)雜的動畫效果，如彈跳、淡入淡出、閃爍等。

需要注意的是，在使用動畫效果時要注意性能問題，避免過多的動畫效果導(dǎo)致頁面加載緩慢或卡頓，同時還要為無法支持CSS3的舊版瀏覽器提供備用方案。