流光标题
一条渐变在字母后面滑动,裁进字形里。三个 CSS 属性就是全部;真正要拿捏的是缓动函数和渐变在哪儿接缝。
- Gradient 100deg, 6 stops, first = last
- background-size 320% 100%
- Duration 8s linear infinite
一条渐变在字母后面滑动,裁进字形里。三个 CSS 属性就是全部;真正要拿捏的是缓动函数和渐变在哪儿接缝。
每个字从自己的遮罩里升起来,间隔 26ms。真正要拿捏的全在「怎么拆」:按词拆,文字才还能换行;补一个 aria-label,读屏才不会一个字母一个字母地念。