子比主题美化分享的是将侧边栏按钮进行一定渐变美化方法，小小的美化侧边栏可以起到点睛之笔，侧边栏比较鲜明，活泼，时尚，简约的风格都可以使用。
注意：在添加代码之前，请先将原有设置的悬浮按钮的颜色清除掉（不然代码不会生效），然后再后台把下方的美化代码，添加自定义css即可。
美化代码：
/*悬浮美化开始*/
.float-right .ontop {
--this-color: #ffffff;
--this-bg: linear-gradient(123deg, #461B93 0%, #461B93 40%, #6A3CBC calc(40% + 1px), #6A3CBC 60%, #8253D7 calc(60% + 1px), #8253D7 70%, #F78F1E calc(70% + 1px), #F78F1E 100%);
}
.float-right .toggle-theme {
--this-color: #ffffff;
--this-bg: linear-gradient(56deg, rgb(255, 180, 172) 0%, rgb(255, 180, 172) 40%, rgb(103, 145, 134) calc(40% + 1px), rgb(103, 145, 134) 50%, rgb(38, 78, 112) calc(50% + 1px), rgb(38, 78, 112) 70%, rgb(255, 235, 211) calc(70% + 1px), rgb(255, 235, 211) 100%);
}
.float-right .service-wechat {
--this-color: #ffffff;
--this-bg: linear-gradient(110deg, #FFD9E8 4%, #FFD9E8 40%, #DE95BA calc(40% + 1px), #DE95BA 50%, #7F4A88 calc(50% + 1px), #7F4A88 70%, #4A266A calc(70% + 1px), #4A266A 100%);
}
.float-right .service-qq {
--this-color: #ffffff;
--this-bg: linear-gradient(123deg, #2E99B0 0%, #2E99B0 40%, #FCD77F calc(40% + 1px), #FCD77F 60%, #FF2E4C calc(60% + 1px), #FF2E4C 75%, #1E1548 calc(75% + 1px), #1E1548 100%);
}
/*悬浮美化结束*/
下载声明
每次下载将扣除 1个元宝，VIP会员免费下载，元宝可通过 /发布主题/签到/回帖/获得！
拥有真气 ： 点｜排行
拥有元宝 ： 个｜兑换
拥有灵石 ： 0枚｜充值
关闭
帖子版权申明
1、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请点击:[
这里]进行反馈处理！
2、 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
3、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向[
站长]举报！
4、 本站资源大多存储在
云盘，如发现链接失效可以点[
这里]进行反馈我们会第一时间更新。
5、温馨提示：本站所有资源、教程、源码，不得用于非法站点及用途，否则，本站将终止提供任何服务！
陈哥
(UID:1)
站长
创始人
