独家精品线报_免费软件_技术教程_全面的综合资源收集分享首发网,掌握全网第一优质资讯

动态渐变彩色文字代码-冷轩资源网

蓝逸轩 等级:普通会员 技术教程 浏览:522
[百度已收录] [搜狗已收录] [360已收录]

演示效果:

代码如下:

冷轩资源网
CSS部分:
@keyframes move {
      0% {background-position: 0 0;}
      100% {
        /*宽度固定,如果为百分比背景不会滚动*/
        background-position: -300px 0;
      }
}    
.wrap {
/*设置背景渐变色*/
  background-image: linear-gradient(to right, red, orange, yellow, green, yellow, orange, red, orange, yellow, green, yellow, orange, red);      
  /*chrome私有样式,加前缀,文字显示背景图片*/
  -webkit-background-clip: text;      
  animation: move 5s infinite;      
  /*文字颜色设为透明*/
  color: transparent;      
  /*宽度固定*/
  width: 300px;
}


    选择打赏方式

上一篇:免费开通支付宝当面付商家收款码 支持信用卡 花呗收款

下一篇:教你把微信/QQ里的语音导出为mp3

版权免责声明 1、本网站名称:冷轩资源网
2、本站永久网址:http://www.kklit.com
3、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
4、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效  点此反馈 我们会第一时间更新。

评论留言
评论