流光文字代码

导入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;
    }