专栏首页钻芒博客动态渐变彩色文字代码

动态渐变彩色文字代码

演示效果

钻芒博客-- 正在加载今日诗词....

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;
}

/*通用多彩标签 600*200 创建于 2019-08-22*/ var cpro_id = "u4518729";

原文链接:http://www.aeink.com/230.html

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 织梦dedeCMS安装导入恢复方法

    最近有网站用了织梦,因为dedecms后台实在复古且复杂,所以一直没有好好长久接触。但瘦死的骆驼比马大,不得不承认织梦的模板还是非常多的。

    AlexTao
  • 隐藏WordPress顶部黑条去除管理员登录工具条

    如下图,在排查解决WordPress 用不了客户端的问题后,管理员登录后的顶部黑色小工具条也随之出现,实用用处不大还占地方影响美观。遂搜索找方法关闭。将下边的代...

    AlexTao
  • PHP form表单计算器 For html美化

    AlexTao
  • 部署Skype for Business Server 2015 数据库SQL 高可用AlwayOn

    原文链接:http://blogs.technet.com/b/uclobby/archive/2015/05/08/deploying-sql-server-...

    杨强生
  • MySQL高可用工具—Orchestrator配置说明

    MySQL轻松学
  • 递归神经网络(RNN)在语义识别方面的应用

    背景 数据时代已经到来,当今企业家们已经认识到数据的重要性,并且期望通过数据分析能够驱动增长。企业业务流程面临“计划驱动”转型到”数据驱动“的巨大变革。企业需要...

    小莹莹
  • 生成环境禁用swagger常用方式

    然后在测试配置或者开发配置中添加swagger2.enable = true 即可开启,生产环境不填则默认关闭Swagger。

    java乐园
  • 【Unity3D】存档文件加密代码

    存档文件, 被修改起来现在变的很容易了, 为了解决这个问题,请用下面的代码,修改playerPrefs.cs

    py3study
  • 有了这个神器,3分钟读懂一篇文章

    读一篇文章的摘要,你需要1分钟,读完一篇文章并理解可能需要半小时,让人工智能来帮助你,你可能只需要3分钟就能读懂一篇文章。

    百味科研芝士
  • CodeForces 156A Message(暴力)

    A. Message time limit per test 2 seconds memory limit per test 256 megabyt...

    ShenduCC

扫码关注云+社区

领取腾讯云代金券