彩虹文字生成器

发表于 分类于 评论数： 本文字数： 132 阅读时长 ≈ 1 分钟
彩虹文字

效果演示

无聊的时候写了个小玩意

代码比较乱，也懒的整理了

思路：

  • 利用 clip 属性对 div 进行裁剪，从而模拟效果

使用方法：

  • 在文本框内输入文字
  • 点击“生成”按钮
  • 将文本区域内生成的代码拷贝到网页编辑器内即可使用

注意点：

  • clip 作用的对象必须是绝对定位
  • 该对象必须有父容器