文字流光
漸層文字的高光橫向流動，適合標題。
效果預覽
參數調節
完整代碼
/* 文字流光 */
@keyframes textShine {
0% { background-position: 0% 50%; }
100% { background-position: 200% 50%; }
}
.text-shine { background: linear-gradient(90deg, #2563eb, #a855f7, #2563eb); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; animation: textShine 3s linear infinite; }