차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판이전 판
다음 판
이전 판
tech:pretty_css_scrollbar [2016/06/23 11:37] V_Ltech:pretty_css_scrollbar [2016/07/12 09:26] (현재) – 바깥 편집 127.0.0.1
줄 1: 줄 1:
-====== Pretty Css Scrollbar ======+{{tag>pretty css scrollbar}} 
 +======CSS만으로 어여쁜 스크롤바 만들기 (Pretty CSS Scrollbar======
  
 ====웹킷의 스크롤바 셀렉터 이용==== ====웹킷의 스크롤바 셀렉터 이용====
-당연히 [[tech:webkit|웹킷]]만 됨.+당연히 [[tech:webkit|웹킷]]만 됨. ([[http://www.hongkiat.com/blog/css-scroll-bar/|출처]])
  
 <file css> <file css>
줄 15: 줄 16:
 ::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
     background-color: #ccc;     background-color: #ccc;
-        border-radius:6px;+    border-radius:6px;
 } }
 ::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
줄 21: 줄 22:
 } }
 </file> </file>
 +
 +[[http://openwiki.kr/lib/exe/mediamanager.php?ns=tech&edid=wiki__text|모양보기]]
  
  
-{{tag>pretty css scrollbar}} 
  
 =====같이 보기===== =====같이 보기=====
   * [[css]]   * [[css]]