27
2025
02
16:52:38

html CSS 七彩呼吸灯

1431d9018e2d1953ae411d69f3bbdaa9_1.gif



<span class="name">Name</span>

<style>

.name{   

    font-size:50px;

    background-clip: border-box;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    color: #FF512F;

    font-weight: 700;

    text-shadow: 0px 0px 7px #ffd800;

    background-image: linear-gradient(90deg, #ffd800 0%, #ff512f 100%, #fff);

    animation: glow-animation 2s infinite linear;

    color: #FFC0CB;

    box-sizing: border-box;

    vertical-align: inherit;

}

@keyframes glow-animation{

    0%{filter:hue-rotate(-360deg)}

    100%{filter:hue-rotate(360deg)}

}

</style>




这个CSS效果我是用在xenforo论坛上的,设置方法如下:



先后台修改用户组CSS



再在模板列表找到normalize.css



添加上这一段,保存模板,效果如下:




推荐本站淘宝优惠价购买喜欢的宝贝:

image.png

本文链接:https://hqyman.cn/post/9275.html 非本站原创文章欢迎转载,原创文章需保留本站地址!

分享到:
打赏





休息一下~~


« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

请先 登录 再评论,若不是会员请先 注册

您的IP地址是: