网站添加CSS动态渐变彩色文字代码

发布日期:2019-09-12 18:55:43 作者:何以往事

  • 正文内容
  • 相关推荐

主要就是前端html 和后端CSS组成的。喜欢的朋友可以折腾。

前端html


<div class="wrap">   梦城博客</div>
后端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;
}


搜一下

头像
描述: ღ 我愿用一世阳光换你的微笑 ღ

本文标签:

文章标题:网站添加CSS动态渐变彩色文字代码

文章链接:https://www.dcqzz.cn/post/854

版权声明:若无特殊注明,本文皆为 何以往事 原创,转载请保留文章出处。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论

1条评论
  1. avatar

    Wind Lv.1 Chrome 70.0.3538.25 Chrome 70.0.3538.25 Windows 7 x64 Edition Windows 7 x64 Edition 回复

    思路很好,不错。但是纠正一下,css也前端哟

    浙江省温州市 电信