技術標籤：htmlcsscss3html5

html滾動條個性化
這是最近學到的一個萬金油的css方式
可以改變網頁滾動條的樣式

::-webkit-scrollbar{
    width: 12px;
    
}
::-webkit-scrollbar-thumb{
  
background: linear-gradient(rgb(1, 129, 11),rgb(17, 212, 105));     
border-radius: 5px;
  transition: 1s;
}
::-webkit-scrollbar-thumb:hover{
    
    background: linear-gradient(rgb(17,    212, 105),rgb(0, 136, 11));     
}
 

是利用偽類的一種方法，用的時候直接把這段放進css裡面就好了
非常有意思，感覺每一個網頁加個個性化的滾動條都能錦上添花

上述代買效果類似這樣 其中顏色啦 圓滑度啦 寬度啦 都是可以自己定義的