現在的網頁越來越注重視覺效果，動態文字是其中的一種流行效果，通過 CSS3 技術可以輕松地實現動態文字效果，下面我們來看一些常見的動態文字效果。

.animText {
display: inline-block;
overflow: hidden;
animation: text-anim 3s linear infinite;
}
@keyframes text-anim {
0% {transform: translateY(0);}
50% {transform: translateY(-50%);}
100% {transform: translateY(0);}
}

以上代碼實現的是一個向上滾動的動態文字效果，通過設置 overflow 屬性為 hidden，隱藏超出部分，然后通過 animation 屬性指定動畫名稱以及動畫時間，再在 keyframes 中定義動畫過程，從而實現動態文字效果。

.animText {
display: inline-block;
text-transform: uppercase;
font-size: 48px;
animation: text-anim 1s infinite alternate;
}
@keyframes text-anim {
100% {
filter: drop-shadow(0 0 10px rgba(255,255,255,0.8))
}
}

以上代碼實現的是一個閃爍的動態文字效果，通過設置 text-transform 將所有文字轉換為大寫字母，同時設置 font-size，然后通過 animation 屬性實現閃爍效果，使用 alternate 實現往返運動，再在 keyframes 中定義動畫過程，通過 filter 屬性實現投影效果。

以上就是兩種比較常見的動態文字效果，通過 CSS3 技術可以輕松實現各種動態文字效果，讓網頁更加生動有趣。