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

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

加群入久伴博客官方微信群

加入久伴官方微信群有啥优势?

1.文章内部资源由于时间久远可能失效,加群,群内可以第一时间反馈

2.网站中教程不一定适用任何人,加群可以第一时间咨询并解决您得疑惑

3.你游荡于互联网,也需要群体,加群一起互动交流,畅所欲言

扫描下方二维码即可加入交流讨论

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA赞助
共{{data.count}}人
人已赞助
8 条回复 A文章作者 M管理员
  1. 哈哈哈,漂亮拉风的滚动条

    • 必须的 😀

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

    • 嘿嘿,不想换主题,但是看久了视觉疲劳,就DIY了一波 😀

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

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索