CSS 可以為元素添加陰影效果，使頁面看起來更加立體和生動。不過，如果讓陰影動起來，將會更加有趣。下面我們就來看看如何讓 CSS 陰影動起來。

.shadow {
box-shadow: 0 0 10px #000;
animation: shadow 1s infinite alternate;
}
@keyframes shadow {
from {
box-shadow: 0 0 10px #000;
}
to {
box-shadow: 0 0 30px #000;
}
}

首先，我們要為要添加陰影效果的元素添加一個 class 名為 “shadow”。然后，在 .shadow 的樣式中，我們使用了 CSS 的 box-shadow 屬性為元素添加了陰影效果，并使用了 animation 屬性啟用動畫效果。

接下來就是關鍵部分：我們使用了 @keyframes 規則來定義動畫效果。在 from 和 to 的關鍵幀中，我們分別為元素的陰影效果設置了不同的 box-shadow 值。然后我們為這個動畫效果命名為 shadow，并將它設置為無限循環和來回切換的交替動畫。

這樣，當我們應用這一效果后，頁面中的陰影效果就會不斷在元素周圍變化，呈現出動態的效果，為頁面增添了更多的生動和立體的視覺效果。