晾晾♥



Home stuffies Links Follow




No Right click. Ctrl + C to copy. Thanks ! XD

Remember to Give a Like ! Love you guys ♥

facebook · Dasboard

2013年9月17日星期二 | POST ♥
   另类型滚动条 / Scrollbar



这些都是很特别的滚动条,AngelBii 那里那滴噢 =D


另类滚动条 I

照样换滚动条的方法(教程

代码:
::-webkit-scrollbar { width: 9px;}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment { height:10px; display: block; background-color: #cccccc; border:1px solid #fff;}::-webkit-scrollbar-track-piece { background-color:#cccccc; }::-webkit-scrollbar-thumb{ background:#000000;border:1px solid #fff;}::webkit-scrollbar-thumb:vertical {background:#fff);border: 0px solid #ffffff;border-right:none;}
::webkit-scrollbar-thumb:horizontal {background:#fff;border: 0px solid #ffffff;border-bottom;}

注释:
- 滚动条上下按钮
- 滚动条背景
- 滚动条



另类滚动条 II

更换滚动条方法(教程

代码:
::-webkit-scrollbar {
width: 9px;
height: 7px;
}
::-webkit-scrollbar-track-piece  {
background-color: #999;
border: 4px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fecdc9;
border: 1px solid #fff;
}

注释:
- 滚动条的颜色
- 滚动条的边框种类 *可选择不要

转贴、
Angel Bii



NEW ⇠
PAST ⇢