CSS動畫在網頁設計中起著重要的作用，能夠讓網頁元素在懸停、點擊等交互行為中獲得更多的視覺效果，并且能夠吸引用戶的注意力。在CSS中，插入動畫非常簡單，下面就來看看怎么實現。

/* 定義一個div，設置樣式 */
div {
width: 100px;
height: 100px;
background-color: red;
position: relative;
animation-name: example; /* 指定動畫名稱 */
animation-duration: 2s; /* 動畫持續時間 */
}
/* 定義動畫 */
@keyframes example {
from {left: 0;} /* 開始位置 */
to {left: 200px;} /* 結束位置 */
}

如上所示，通過定義一個div元素，并設置其初始樣式。接著，在樣式中定義動畫所需的一些屬性，如動畫名稱、動畫持續時間等。在這里，使用了“@keyframes”規則，來定義動畫的起點和終點。

這樣，當鼠標懸停在該div元素上時，就會顯示出定義的動畫效果，也可以通過其他觸發方式來激活動畫，比如點擊、頁面滾動等等。

除了使用“@keyframes”規則來定義動畫，還可以使用CSS提供的一些簡單動畫屬性，如transition，它能夠在鼠標懸停、元素變形等操作時產生動畫效果。其中，transition屬性的值可以設置過渡時間、過渡效果、過渡延遲等屬性，以此來實現不同的動畫效果。

總之，在CSS中插入動畫實現非常簡單，只需要掌握一些常用的動畫屬性和規則，就能夠輕松地實現各種炫酷的動畫效果。