CSS3動畫是現(xiàn)代網(wǎng)頁設(shè)計的一個重要組成部分。它可以幫助我們創(chuàng)建各種各樣的動畫，從簡單的漸變過渡到復(fù)雜的動態(tài)效果。在這篇文章中，我們將介紹一些常用的CSS3動畫資源，幫助你更快地實現(xiàn)各種動畫效果。

/* CSS3 Animations: An Introduction */
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.fadeIn {
animation: fadeIn 1s linear;
}
@keyframes slideInBottom {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
.slideInBottom {
animation: slideInBottom 0.5s ease-in-out;
}
@keyframes shake {
0% { transform: translate(0, 0) rotate(0); }
20% { transform: translate(-10px, 0) rotate(-5deg); }
40% { transform: translate(10px, 0) rotate(5deg); }
60% { transform: translate(-10px, 0) rotate(-5deg); }
80% { transform: translate(10px, 0) rotate(5deg); }
100% { transform: translate(0, 0) rotate(0); }
}
.shake {
animation: shake 0.5s ease-in-out;
animation-iteration-count: infinite;
}

上面的代碼提供了一些不同類型的CSS3動畫效果，我們可以通過引用相應(yīng)的類來應(yīng)用到自己的網(wǎng)頁中。其中，fadeIn實現(xiàn)了一個簡單的淡入效果，slideInBottom實現(xiàn)了一個向上滑入的效果，shake實現(xiàn)了一個震動效果。

當(dāng)然，以上只是CSS3動畫的冰山一角，你可以通過學(xué)習(xí)更多的動畫效果，創(chuàng)作出更加炫酷的動畫效果，提升你網(wǎng)頁的用戶體驗和用戶交互性。