Green Scroll Bar - Pure CSS3 (from ZIG)

Green Scroll Bar - Pure CSS3 (from ZIG)

2013.6.27

简介:

绿色滚动条。纯 CSS3,没有 JS。简单又可爱!刚刚从 ZIG ( zzllrr Imager Geek ) http://goo.gl/n8SMk 中提取

刚刚从 zzllrr Imager 中提取的一个简单的 Chrome 滚动条。

*绿色可爱!

*纯CSS3,无JS(JavaScript)!

*在网页、iframe、textarea 等上运行良好。

如果您需要其他滚动条样式,请不要离开。
以下是 CSS Hack/MOD/DIY 技巧。

/* 1. zzllrr imager中滚动条的原始CSS */

::-webkit-scrollbar{
背景颜色:白色;
宽度:10px;
高度:10px;
-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.5) 插入;
}
::-webkit-scrollbar-thumb{
边框半径:5px;
背景颜色:白色;
-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{
背景色:#a2c437;
}

/* 2. 进入这个扩展文件夹
(您的默认 Chrome 扩展文件夹\默认\扩展\hnnpahlmflcceeadbeollhmmkfhfelnn\1.0.1_0))
找到 CSS 文件 zzllrrImagerScrollbar.css 以根据需要进行修改。
*/

/* 3. 转到 chrome://extensions/ 禁用此扩展然后启用它。
超过!不错的工作!
*/


评分:

4.4星(共5星),共17位用户参与评分

使用人数:

538+ 位用户

版本:

2013.6.27

大小:

12.47KiB

分类:

无障碍

提供方:

sites.google.com/site/zzllrrimager

支持语言:

英语

更新时间:

2023-03-04 15:01:43

ID:

hnnpahlmflcceeadbeollhmmkfhfelnn