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

默认的签到按钮还有改进的空间。

代码

/*
 * 签到按钮
 */
/*渐变文字*/
.user-w-qd {
  background-image: linear-gradient(90deg, #673ab7 0%, #e91e63 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 15px;
}
/*去除背景图片*/
.user-w-qd-list-title {
  background-image: none;
}
/*隐藏背景颜色*/
.user-w-qd-list-title {
  background-color: #f000 !important;
}
/*左边按钮*/
.user-w-qd-list-title p.picked span {
  background-image: linear-gradient(90deg, #03a9f4 0%, #00bcd4 100%);
  color: #fff;
  font-size: 15px;
}
/*右边按钮*/
.user-w-qd-list-title p span {
  border-radius: 3px;
  background-image: linear-gradient(90deg, #ec867e 0%, #ec6190 100%);
  color: #fff;
  color: #fff;
  font-size: 15px;
}
  

如何使用

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

相关推荐

WebGradients - 精选的CSS3，.sketch和.PSD格式的出色渐变集合

Muze

• 20年2月27日
• 喜欢：1
• 浏览：270