信息

子比主题美化:给子比文章标题加上渐变彩色字体

子比主题美化:给子比文章标题加上渐变彩色字体 建站优化 第1张

想让子比主题文章标题秒变吸睛焦点?安鹿带来超实用技术分享!只需将指定CSS代码添加到主题自定义CSS中,就能为标题赋予渐变彩色字体效果。

使用代码:

将以下css代码追加保存到主题设置->自定义代码->自定义CSS代码!

/*文章标题加上渐变彩色文字 开始*/
.item-heading :hover,
.text-ellipsis :hover,
.text-ellipsis-2 :hover,
.links-lists :hover {
  background-image: -webkit-linear-gradient(30deg, #32c5ff 25%, #b620e0 50%, #f7b500 75%, #20e050 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-background-size: 200% 100%;
  -webkit-animation: maskedAnimation 4s infinite linear;
}
@keyframes maskedAnimation {
  0% {
    background-position: 0 0
  }

  100% {
    background-position: -100% 0
  }
}
/*文章标题加上渐变彩色文字 结束*/

子比主题美化:给子比文章标题加上渐变彩色字体 建站优化 第2张

© 版权声明
THE END
感谢支持啦!୧( ⁼̴̶̤̀ω⁼̴̶̤́ )૭
点赞1
快来说两句( ˃̶̤́ ꒳ ˂̶̤̀ ) 抢沙发
头像
良言一句三冬暖,恶语伤人六月寒|禁止纯数字、字母、符号、表情
提交
头像

昵称

取消
昵称表情快捷回复

    请登录后查看评论内容