html CSS 七彩呼吸灯

发布于 / 网页制作 / 2 条评论
效果Gif
代码
<!DOCTYPE html> <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

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

本文基于《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
转载原创文章请注明,转载自: 沧水的博客 » html CSS 七彩呼吸灯
  1. foovl

    终于找到这个特效了

  2. 锦书致南终

    win8.1中文版的序列号是多少呢?是买的华硕笔记本出厂系统。