流光標題
一条渐变在字母后面滑动,裁进字形里。三个 CSS 属性就是全部;真正要拿捏的是缓动函数和渐变在哪儿接缝。
- Gradient 100deg, 6 stops, first = last
- background-size 320% 100%
- Duration 8s linear infinite
一条渐变在字母后面滑动,裁进字形里。三个 CSS 属性就是全部;真正要拿捏的是缓动函数和渐变在哪儿接缝。
每個字從自己的遮罩裡升起來,間隔 26ms。真正要拿捏的全在「怎麼拆」:按詞拆,文字才還能換行;補一個 aria-label,讀螢幕才不會一個字母一個字母地念。