Skip to content

彩色文字

思路

  1. 文字设置为透明色
  2. 给文字设置背景颜色(background
  3. 再将 background-clip 限定为文字范围(text)即可

示例

Hello Vfan Lee ~

进阶:动态彩色文字

由于文字的展示范围固定,我们只需要不停的更新文字的背景定位即可

  1. 背景区域放大
  2. 定义一个动画,循环更新背景定位

示例

Hello Vfan Lee ~

基于 MIT 许可发布