流光文字代码

建站教程
341 2

导入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;
    }
最后更新 2023-02-21
评论 ( 2 )
OωO
隐私评论
  1. 这个拿来写博客做提醒还挺显眼

    2022-12-22 09:34山东省青岛市回复
    1. @客官

      是的

      2022-12-22 09:35江苏省南京市回复