分享久伴博客浏览器滚动条样式

久伴 2019年2月15日01:21:47 9 377

分享一个比较炫酷的浏览器滚动条样式,喜欢自带的可以路过~~,效果图见久伴博客右侧浏览器滚动条,,喜欢简洁的可以看这篇文章https://jiub.ren/2050.html

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里面

久伴

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:9   其中:访客  6   博主  3

    • avatar 萧瑟 5

      不错,已经用上了

      • avatar 小白羊¨ш 0

        这个站的模版模块设计很好看!

        • avatar 刘晨晨 2

          你的是豹纹,我是小清新渐变条

            • 久伴 久伴 Admin

              @刘晨晨 豹纹 :wink: 你的滚动条多了一个边框,效果的确比我的好,有时间参考一下你的渐变

                • avatar 刘晨晨 2

                  @久伴 http://img.doutula.com/production/uploads/image//2019/02/28/20190228320293_WaIVkx.jpg嘿嘿

              • avatar 弥雅尔尔 4

                蛮好看的!似乎你的站变化好多地方的 感觉!

                  • 久伴 久伴 Admin

                    @弥雅尔尔 嘿嘿,不想换主题,但是看久了视觉疲劳,就DIY了一波 :grin:

                  • avatar 响石潭 3

                    哈哈哈,漂亮拉风的滚动条

                      • 久伴 久伴 Admin

                        @响石潭 必须的 :grin: