导入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;
    }
END
本文作者： 文章标题：流光文字代码
 本文地址：https://www.gxsnote.cn/410.html
 版权说明：若无注明，本文皆高先生笔记-满眼皆你.原创，转载请保留文章出处。
最后修改：2023 年 10 月 18 日
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏