首页 无障碍 Green Scroll Bar - Pure CSS3 (from ZIG)

Green Scroll Bar - Pure CSS3 (from ZIG)

用户数 : 593 分类 : 无障碍 扩展大小 : 11.67KiB 最后更新时间 : 2013-06-26 版本 : 2013.6.27
                            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!
*/

                        
查看更多
下载 如何离线安装? Chrome store

分享

全部评论

    展开更多评论

    错误提示保存失败
    成功提示保存成功
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“插件”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功
    下载遇到问题?请添加QQ群:398095333
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“脚本”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功