CSS3動畫已成為了web開發中一個不可或缺的技術。它可以讓我們在不使用Flash或JavaScript的情況下為網頁添加動態效果，提高用戶的交互體驗。那么，我們就一起來學習CSS3動畫吧！

/* 定義一個關鍵幀動畫 */
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
/* 應用動畫 */
.box {
animation: 1s bounceInUp;
animation-delay: 0.5s;
}

代碼中，我們定義了一個名為bounceInUp的關鍵幀動畫，通過設置不同時間點的CSS屬性，產生出從網頁底部跳躍到容器頂部的動畫效果。然后，我們用animation屬性將這個動畫應用到了一個名為box的div容器上。

除此之外，在CSS3動畫中，還有很多其他的屬性可以控制動畫的行為，比如animation-timing-function、animation-delay、animation-direction等。

以上僅是一個簡單的例子，希望大家能夠在實際開發過程中靈活應用CSS3動畫，為網頁添加更多動態效果，讓用戶得到更好的體驗。