搜索 用户中心
55分类目录网(www.hao311.com)打造品牌形象分类目录网站大全,您网站推广首选网站目录平台!

55目录

分类目录 > 新闻资讯 > 站长动态 > 告别浏览器粗大滚动条一段简单的CSS代码让浏览器滚动条变漂亮

告别浏览器粗大滚动条一段简单的CSS代码让浏览器滚动条变漂亮

来源:互联网 编辑:55分类目录编辑整理 分类:新闻资讯 站长动态 日期:2018-10-27 13:55:27 浏览: 加入收藏
告别浏览器粗大滚动条一段简单的CSS代码让浏览器滚动条变漂亮

资讯详情

告别浏览器粗大滚动条一段简单的CSS代码让浏览器滚动条变漂亮
上图为演示效果图,右侧红框内即是已改变的浏览器滚动条,滚动条变的比较细致圆滑,图片上看起来可能没这么美观,但在浏览器上的实际效果还是挺不错的。

因为是CSS控制的,所以可以随意修改样式,对于稍懂一点CSS的站长都会修改,喜欢的话赶紧拿去吧,不会使用可联系我们协助。

代码:

​::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb { border-radius: 999px; border: 0px solid transparent; }
::-webkit-scrollbar-track { box-shadow: 1px 1px 5px rgba(100, 100, 100, 0.2) inset; }
::-webkit-scrollbar-thumb { min-height: 0px; background-clip: content-box; box-shadow: 0 0 0 5px rgba(100, 100, 100, 0.5) inset; }
::-webkit-scrollbar-corner { background: transparent; }

版权声明:

1、本文转载自互联网,如果您是文章原创作者,请联系本站注明您的版权信息。

2、55目录仅提供信息发布平台,不承担相关法律责任。

3、文章仅代表作者个人观点,不代表55目录立场,未经作者许可,不得转载。

4、如果发现本站有涉嫌抄袭的内容,欢迎举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

上一页:亲测好用的屏蔽右键和F12JS代码

下一页:推荐五个目前最好用的网站代码开发编辑软件