签到按钮美化 – B2主题美化

代码

  1. /*
  2. * 签到按钮
  3. */
  4. /*渐变文字*/
  5. .user-w-qd {
  6. background-image: linear-gradient(90deg, #673ab7 0%, #e91e63 50%);
  7. -webkit-background-clip: text;
  8. -webkit-text-fill-color: transparent;
  9. font-size: 15px;
  10. }
  11. /*去除背景图片*/
  12. .user-w-qd-list-title {
  13. background-image: none;
  14. }
  15. /*隐藏背景颜色*/
  16. .user-w-qd-list-title {
  17. background-color: #f000 !important;
  18. }
  19. /*左边按钮*/
  20. .user-w-qd-list-title p.picked span {
  21. background-image: linear-gradient(90deg, #03a9f4 0%, #00bcd4 100%);
  22. color: #fff;
  23. font-size: 15px;
  24. }
  25. /*右边按钮*/
  26. .user-w-qd-list-title p span {
  27. border-radius: 3px;
  28. background-image: linear-gradient(90deg, #ec867e 0%, #ec6190 100%);
  29. color: #fff;
  30. color: #fff;
  31. font-size: 15px;
  32. }

如何使用

将上方代码添加至主题根目录下的style.css底部保存即可。

本站资源内容均来源互联网搜集,如发现违规内容或者侵犯之处,请联系我们进行协商处理,我们将第一时间进行删除。
绅士素材网 » 签到按钮美化 – B2主题美化

发表评论

提供最优质的资源集合

立即查看 了解详情