CSS 3スクロールバー美化効果

::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 5px solid transparent;
}
::-webkit-scrollbar-track {
  box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;
}
::-webkit-scrollbar-thumb {
  min-height: 20px;
  background-clip: content-box;
  box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

         ：
::-webkit-scrollbar        
::-webkit-scrollbar-button         
::-webkit-scrollbar-track     
::-webkit-scrollbar-track-piece     ，       （  ）
::-webkit-scrollbar-thumb （   ？  ？            ，      ？）
::-webkit-scrollbar-corner   
::-webkit-resizer            
:horizontal �C horizontal             
:vertical �C vertical             
:decrement �C decrement            (track piece)。                       (  ，        ，        。)
:increment �C increment   decrement  ，                     (  ，                 。)
:start �C start           。                。
:end �C    start  ，             。
:double-button �C              。                            。        ，               。
:single-button �C    double-button  。     ，                       。       ，             single-button。
:no-button �C       ，                  ，  ，            。
:corner-present �C          ，           。
:window-inactive �C           ，              (  )       。( webkit      ，        ::selection   。webkit                    )
  ，:enabled、:disabled、:hover   :active              。
     demo，      ，       demo    ，  ，webkit     ，               ，  ，QQ                  (             )。
      ，webkit               ，       ，                     ，             CSS3  ，    、  、RGBa  ，            ，          Base64，  ，       。