Green Scroll Bar - Pure CSS3 (from ZIG)
ID
hnnpahlmflcceeadbeollhmmkfhfelnn绿色滚动条。纯 CSS3,无 JS。简单可爱!从 ZIG(zzllrr Imager Geek)中提取而来:http://goo.gl/n8SMk
应用截图
详细介绍
绿色滚动条。纯 CSS3,无 JS。简单可爱!从 ZIG(zzllrr Imager Geek)中提取而来:http://goo.gl/n8SMk
从 zzllrr Imager 中提取的简单 Chrome 滚动条。
*绿色又可爱!
*纯 CSS3,无 JS(JavaScript)!
*适用于网页、iframe、textarea 等。
如果你需要其他滚动条样式,请继续往下看。
下面是 CSS 修改和 DIY 提示。
/* 1. 来自 zzllrr imager 的原始滚动条 CSS */
::-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. 前往此扩展程序文件夹
(Your-Default-Chrome-Extension-Folder\Default\Extensions\hnnpahlmflcceeadbeollhmmkfhfelnn\1.0.1_0))
找到 CSS 文件 zzllrrImagerScrollbar.css,按需修改。
*/
/* 3. 前往 chrome://extensions/ 禁用此扩展程序,然后重新启用。
完成!做得好!
*/