簽到按鈕美化 – 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日
• 喜歡：0
• 瀏覽：330