内容简介:css3可以自定义滚动条样式,今天发现了一个花式玩法,一起看看? 之前写过网页时滚动条时是不是都这个样子的呢这个滚动条好看么?废话肯定不好看! 如果设计湿给个带背景的设计图,又当如何呢?
css3可以自定义滚动条样式,今天发现了一个花式玩法,一起看看? 之前写过网页时滚动条时是不是都这个样子的呢
这个滚动条好看么?
废话肯定不好看! 如果设计湿给个带背景的设计图,又当如何呢?
是不是更丑了!
前方高能登场!非战斗人员请火速避开!
请注意第二张图并非滚动条不见了,是设置了与背景色同色,(是不是多此一举了,用户体验去哪了!)
是不是美观了不少?
css代码奉上
::-webkit-scrollbar { width: 10px; height: 1px; } ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: none; /* background: hsl(183, 97%, 27%); */ -webkit-box-shadow: none; } ::-webkit-scrollbar-track { -webkit-box-shadow:none; border-radius: 10px; background: #06b0b9; -webkit-box-shadow: none; } 复制代码
查了一下兼容表,兼容性还可以,可以搞一搞! 敬请各位看官多多斧正。
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
jQuery基础教程(第3版)
[美] Jonathan Chaffer、[美] Karl Swedberg / 李松峰 / 人民邮电出版社 / 2012-4 / 59.00元
内容简介: jQuery是功能强大却又简洁明快的轻量级JavaScript库,出自名家之手。在DOM操作、事件处理、Ajax特性以及动画特效等方面的出色表现,使它迅速从众多JavaScript库中脱颖而出,成为一颗闪亮的明星。 本书是《jQuery基础教程(第2版)》的升级版,涵盖了jQuery 1.6及1.7的各种新特性,内容源自著名jQuery资源网站LearningjQuery.......一起来看看 《jQuery基础教程(第3版)》 这本书的介绍吧!