子比主题右侧悬浮按钮栏美化2年前更新01250 先看效果 今天有位童鞋看上我这个悬浮按钮的美化,我就抽空来写一篇教程了。这个其实也很简单,主要就是背景色,圆角度,再加一个伪元素,也就这三样东西。下面来看看怎么实现吧。 PS:(本来我想写详细的注释,注明代码效果,但我想了想,感觉想学CSS的童鞋应该占少数,我就不写具体的代码效果了。你们复制到子比主题后台->自定义CSS样式 里面就行了。) 使用方法 将以下代码复制到主题设置-全局功能-自定义代码:自定义CSS代码中,保存即可 注意: 记得修改这里,background: url(这里改成你自己喜欢的图片链接,可以是GIF); span.float-btn.more-btn.hover-show.nowave { margin-top: 0px}.float-right.round.position-bottom { background: #fff; border-radius: var(--main-radius); transition: 0s; right: 1px; bottom: 170px; border-radius: 20px 0 0 20px; box-shadow: -5px 3px 10px 0px rgb(5 5 5 / 15%)}.float-right.round .float-btn { border-radius: 8px 0px 0px 17px}.float-right .float-btn { background: #fff}.float-right.round. 温馨提示:本文最后更新于2023-07-29 17:09:41,某些文章具有时效性,若有错误或已失效,请私信客服或联系知新社长。 © 版权声明文章版权归作者所有,未经允许请勿转载。 七月 4 知岛上的今时往日 2024:勇敢者游戏:视频游戏/JUMANJI: The Video Game (0)2024:杀手学堂/Killer Instinct (0)2024:传送门/Portal (0)2024:传送门2/Portal 2 (0)2024:戈尔盒子/GoreBox (0) THE END子比主题网站/配置/代码# 子比主题 喜欢就支持一下吧点赞0 分享QQ空间微博QQ好友海报分享复制链接收藏2