• 注册
  • 聊天灌水 聊天灌水 关注:43 内容:1073

    网页炫酷彩色流光文字 Css代码

  • 查看作者
  • 打赏作者
  • 当前位置: 七七博客 > 聊天灌水 > 正文
    • 聊天灌水
    • 网页炫酷彩色流光文字 Css代码

      介绍

      彩色流光文字HTML代码,添加到要展示的位置,在添加css就行了。

      <div class="text-style-1">
      这里输入你要显示的文字,比如七七博客:www.qiqiboke.com
      </div>
      @keyframes text-style-1 {
      0% {
      background-position: 0 0;
      }
      100% {
      background-position: -100% 0;
      }
      }
      .text-style-1 {
      font-size: 30px;
      background-image: linear-gradient(to right, red , yellow, green, yellow, red);
      background-clip: text;
      -webkit-background-clip: text;
      background-size: 200% 100%;
      color: transparent;
      animation: text-style-1 2s infinite linear;
      }

      请登录之后再进行评论

      登录
    • 任务系统
    • 帖子间隔 侧栏位置: