
Green Scroll Bar - Pure CSS3 (from ZIG)
用户量:532大小:12.47KiB版本:v 2013.6.27更新时间:2021-12-21
Green Scrollbar. Pure CSS3, no JS. Simple and Cute! Just extracted from ZIG( zzllrr Imager Geek ) http://goo.gl/n8SMk
Green Scroll Bar - Pure CSS3 (from ZIG) 的使用方法详解,最全面的教程
Green Scroll Bar - Pure CSS3 (from ZIG) 描述:
用户数:532
分类:无障碍插件
扩展大小:12.47 KiB
最后更新时间:2021-12-21
版本:v 2013.6.27
Green Scroll Bar - Pure CSS3 (from ZIG) 插件简介:
这是来自Chrome商店的 Green Scroll Bar - Pure CSS3 (from ZIG) 浏览器插件,您可以在当前页面下载它的最新版本安装文件,并安装在Chrome、Edge等浏览器上。
Green Scroll Bar - Pure CSS3 (from ZIG)插件下载方法/流程:
点击下载按钮,关注“扩展迷Extfans”公众号并获取验证码,在网页弹窗中输入验证码,即可下载最新安装文件。
Green Scroll Bar - Pure CSS3 (from ZIG)插件安装教程/方法:
(1)将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件
(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面
(3) 打开扩展程序页面的“开发者模式”
(4) 将crx文件拖拽到扩展程序页面,
完成安装如有其它安装问题,
请扫描网站底部二维码与客服联系如有疑问请参考:
https://www.extfans.com/installation/A simple Chrome Scroll Bar just extracted from zzllrr Imager.
*Green and Cute!
*Pure CSS3, no JS(JavaScript)!
*Work well on web pages, iframes, textarea, etc.
Don't go away if you need other scrollbar styles.
Below are CSS Hack/MOD/DIY Tips.
/* 1. The original CSS of scrollbar from zzllrr imager */
::-webkit-scrollbar{
background-color:white;
width:10px;
height:10px;
-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.5) inset;
}
::-webkit-scrollbar-thumb{
border-radius:5px;
background-color:white;
-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.5),inset -2px 2px 2px rgba(204,204,204,0.1),inset 2px -2px 2px rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:hover{
background-color:#a2c437;
}
/* 2. Just go to this extension folder
(Your-Default-Chrome-Extension-Folder\Default\Extensions\hnnpahlmflcceeadbeollhmmkfhfelnn\1.0.1_0))
to find the CSS file zzllrrImagerScrollbar.css to modify as you wish.
*/
/* 3. Go to chrome://extensions/ to disable this extension and then enable it.
Over! Nice job!
*/