網頁設計是一個千變萬化的領域，而CSS作為重要的網頁樣式語言，可以讓網頁更加炫酷。現在，我們來談一談如何使用CSS插入動畫。

/* CSS樣式文件 */
/* 定義動畫樣式 */
@keyframes slide-in {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0%);
}
}
/* 應用到需要動畫的元素 */
.animated {
animation: slide-in 0.5s ease-in-out;
}

首先，我們需要在CSS樣式文件中定義動畫樣式。通過定義關鍵幀（即動畫在何時達到什么效果），來控制動畫的展示。

例如，上面的代碼定義了一個名為“slide-in”的動畫樣式，指定了動畫開始時元素的位置（在Y軸方向上距離頂部100%），以及動畫結束時元素的位置（在Y軸方向上距離頂部0%）。

接下來，我們需要將動畫應用到我們需要動畫效果的元素上。可以使用“animation”屬性來實現。

如上述代碼，我們將“slide-in”動畫樣式應用到一個類名為“animated”的元素上，指定了動畫執行時間為0.5秒，動畫執行效果為“ease-in-out”（開始和結束時速度較慢，中間時速度較快）。

最后，我們只需要在HTML文檔中將元素的類名設置為“animated”，就可以在網頁中展示我們的CSS插入動畫了！