CSS 動態顯示可以讓網頁內容更加生動有趣，增強用戶體驗度。通過結合 HTML 和 JavaScript 的特性，CSS 動態顯示可以輕松實現各種動畫效果。

.example {
width: 100px;
height: 100px;
background-color: #F00;
position: relative;
animation-name: move;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes move {
from {
left: 0;
}
to {
left: 200px;
}
}

上述代碼示例中，通過定義一個 class 為 example 的元素，設置了其寬度、高度、背景顏色和位置。接著，通過 CSS3 動畫屬性 animation，指定了動畫名稱、持續時間、循環次數和方向。

同時，使用關鍵幀（keyframes）來定義具體動畫過程，其中 from 和 to 分別表示動畫的起始和結束狀態。將這個 class 應用到 HTML 元素上，就可以使該元素以指定的動畫效果動態顯示。

CSS 動態顯示還有許多其他用途，例如實現圖像漸變、文本縮放、邊框變換等效果，各種效果的實現都離不開 CSS3 新特性的支持。因此，學習 CSS 動態顯示不僅能提高網頁的視覺效果，也有助于提升自己的技術水平。