[mark_b]
分享一个比较炫酷的浏览器滚动条样式,喜欢自带的可以路过~~,效果图见久伴博客右侧浏览器滚动条,,喜欢简洁的可以看这篇文章https://jiubx.com/2050.html[/mark_b]
css代码
::-webkit-resizer {
border-radius: .3125rem;
background-color: #2f4056;
}
::-webkit-scrollbar {
width: .5rem;
height: .5rem;
}
::-webkit-scrollbar-thumb {
border-radius: .5rem;
background-color: #0073aa;
background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.4) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,.4) 75%,transparent 75%,transparent);
}
使用方法
复制以上代码粘贴到你的css里面
哈哈哈，漂亮拉风的滚动条
必须的 😀
蛮好看的！似乎你的站变化好多地方的 感觉！
嘿嘿,不想换主题,但是看久了视觉疲劳,就DIY了一波 😀
你的是豹纹，我是小清新渐变条
豹纹 😉 你的滚动条多了一个边框,效果的确比我的好,有时间参考一下你的渐变
http://img.doutula.com/production/uploads/image//2019/02/28/20190228320293_WaIVkx.jpg嘿嘿
这个站的模版模块设计很好看！