Zibll主题侧边悬浮按钮样式

前言

和大家分享个CSS代码美化子比主题自带的悬浮按钮样式把，其实就是把它自带的按钮改变成彩色按钮也没啥，所以这篇教程非常的简单，看教程吧。

教程

1.直接把下面代码放在子比主题后台自定义CSS代码 然后这里我就不多说了 相信用子比主题的人 这个都会弄这个东西，这里注意的是如果放了还不显示效果就是你这个CSS和其他的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%);
        }

效果