子比主题美化:本站同款二次元悬浮按钮-插件美化社区-猜你喜欢-思幻小世界

子比主题美化:本站同款二次元悬浮按钮

子比主题美化:本站同款二次元悬浮按钮

效果图:

图片[1]-子比主题美化:本站同款二次元悬浮按钮-插件美化社区-猜你喜欢-思幻小世界

效果请看本站。

实现步骤:

1.打开主题设置-外观-自定义代码-自定义css

2.保存即可

/*悬浮按钮*/
.float-right.round .float-btn {
position: relative;
display: block;
height: 56px;
width: 56px;
padding: 20px 4px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-bottom: 8px;
font-size: 16px;
line-height: 10px;
text-align: center;
color: #FFD1D8;
background-color: #ffffff;
-webkit-box-shadow: 0 0 6px 0 #FFD1D8;
-moz-box-shadow: 0 0 6px 0 #FFD1D8;
box-shadow: 0 0 6px 0 #FFD1D8;
cursor: pointer;
}
.fa-toggle-theme::after, .fa-toggle-theme::before {
font-size: 18px;
}
.float-right.round:hover .float-btn:hover {
-moz-box-shadow: 0 0 6px 0 #FFB5C3;
box-shadow: 0 0 6px 0 #fc6976;
background-color: #FFB5C3;
}
.float-btn .hover-show-con {
right: 40px;
margin-right: 25px;
}

 

请登录后发表评论

    没有回复内容