WordPress博客系统主题css美化彩字体闪

浩宇 帝一

发表文章数:95

热门标签

, , , ,

第一步找到主题css加入下面代码就可以

  1. /*字体颜色已经是七彩随动*/
  2. .suiji h3,.hots h3, .excerpt-post .note,.wbd p ,.footcolor{display:block;
  3. /**width:355px;
  4. height:50px;**/
  5. /*渐变背景,此处为能无缝拼接的渐变 即0~100%*/ /*linear-gradient(线性渐变)*/
  6. background-image:-webkit-linear-gradient(left,#3498db,#f47920 10%,#d71345 20%,#f7acbc 30%,#ffd400 40%,#3498db 50%,#f47920 60%,#d71345 70%,#f7acbc 80%,#ffd400
  7. 90%,#3498db);
  8. color:transparent;
  9. /*文字填充色为透明*/
  10. -webkit-text-fill-color:transparent;
  11. -webkit-background-clip:text;
  12. /* background-clip 规定背景的绘制区域:*/ /*背景剪裁为文字,相当于用背景填充文字 CSS3新属性*/
  13. -webkit-background-size:200% 100%;
  14. /*背景图片向水平方向扩大一倍,这样background-position才有移动与变化的空间*/
  15. background-size:200% 100%;
  16. /* 动画 */
  17. -webkit-animation:masked-animation 4s infinite linear;
  18. }
  19. @keyframes masked-animation {
  20. 0% {
  21. background-position:0 0;
  22. /*background-position 属性设置背景图像的起始位置。*/
  23. }
  24. 100% {
  25. background-position:-100% 0;
  26. }
  27. }@-webkit-keyframes masked-animation {
  28. 0% {
  29. background-position:0 0;
  30. }
  31. 100% {
  32. background-position:-100% 0;
  33. }
  34. }

WordPress博客系统主题css美化彩字体闪

未经允许不得转载:作者:帝一, 转载或复制请以 超链接形式 并注明出处 帝一天博
原文地址:《WordPress博客系统主题css美化彩字体闪》 发布于2020-02-23, 本文最后更新于2020年2月23日,已超过138天没有更新,如果文章内容失效,请反馈给我们,谢谢!

分享到:
赞(0) 打赏 生成海报

评论 抢沙发

评论前必须登录!

  注册



长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

帝一天博
在此声明如有侵权,违规等请发我邮箱(admin@diyigzs.com)告知。本人会看到立即删除!! 温馨提示:最近少出门小心传染谢谢大家配合
隐藏
变装
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册