流光文字代码
zhuanjiao
2022年12月21日 12:04 / 94 阅读 / 2 评论 / 正在检测是否收录...
温馨提示:
本文最后更新于2023年01月13日,已超过19天没有更新,若内容或图片失效,请留言反馈。

导入CSS文件
其他网站源码 放到自定义css
Pigeon主题就放在主题 style.css 里面
在需要使用的标签上加上 class="text-style-1" 属性

html

<div class="text-style-1">
高先生笔记
</div>

css代码

@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;
    }

—— 评论区 ——

昵称
邮箱
网址
取消
  1. @
    头像
    客官
    Android 12   百度APP

    这个拿来写博客做提醒还挺显眼:&(蛆音娘_滑稽)

    1. @
      头像
      zhuanjiao
      @客官
      博主
      Windows 10   Firefox

      是的:&(蛆音娘_滑稽)