對于一個網站來說，入場動畫一定能夠為網站增添許多生動有趣的特效，為用戶帶來更加好的體驗。那么，在網頁中如何使用 CSS 制作出入場動畫呢？下面，我們就一起來探討一下吧。

CSS3 動畫有四個關鍵屬性：animation，@keyframes, animation-name 和 animation-duration。其中，animation 是將所有的動畫屬性包含在一個聲明中，@keyframes 是描述 CSS3 動畫中間點的容器，animation-duration 是動畫的持續時間，animation-name 是動畫的名稱。

/*設置CSS動畫*/
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
/*添加動畫到需要進行動畫處理的元素*/
.animated {
animation-duration: 0.75s;
animation-fill-mode: both;
margin: 0 auto;
}
/*選擇一個用于觸發動畫的類*/
.fadeInUp {
animation-name: fadeInUp;
}

上面是制作淡入淡出效果的代碼示例。其中，.animated 類用來設置該元素器的動畫屬性，.fadeInUp 則是添加到需要進行動畫處理的元素中。

以上就是使用 CSS 制作出入場動畫的基礎知識，大家可以根據自己的需求來定制不同的動畫效果。希望這篇文章能夠為您提供幫助，讓您的網站得到更加生動有趣的煥新效果。