html CSS 七彩呼吸灯

发布于 / 网页制作 / 2 条评论
效果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

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

  1. foovl

    终于找到这个特效了

  2. 锦书致南终

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