子比-七彩流光文字效果代码

前言

前几天看一个人的网站这个七彩流光文字代码不错，我给他扒了一下，看着还不错，然后就自己留着用了！这个代码只需要CSS和HTML即可实现，直接上效果

效果展示：

CSS代码：

/**七彩流光文字*/
#tf_lgz{background:-webkit-linear-gradient(left,#ffffff,#ff0000 6.25%,#ff7d00 12.5%,#ffff00 18.75%,#00ff00 25%,#00ffff 31.25%,#0000ff 37.5%,#ff00ff 43.75%,#ffff00 50%,#ff0000 56.25%,#ff7d00 62.5%,#ffff00 68.75%,#00ff00 75%,#00ffff 81.25%,#0000ff 87.5%,#ff00ff 93.75%,#ffff00 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;animation:masked-animation 10s infinite linear}@keyframes masked-animation{0%{background-position:0 0}100%{background-position:-100%,0}}
/**七彩流光文字*/

调用代码：

<p style="text-align:center" id="tf_lgz">这里为你需要显示的七彩流光文字内容</p>