Mengganti Scroll Browser dengan CSS3

Secara umum biasanya scroller disetiap browser itu berbeda-beda, ketika kita membuat sebuah website yang diharapkan tampilannya seragam kadang terganggu dengan scroller ini, bagaimana cara agar menyelaraskan tampilan scroller ini? Saya baru dapat ilmu bagaimana mengganti sroller browser ini dengan CSS3. Berikut kode CSS nya :

/* scroller browser */
::-webkit-scrollbar {
    width: 5px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #a6a5a5;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,0.4); 
}

 
<html>
  <head>
  </head>
  <body>
 (Silakan tulis kata-kata disni)
  </body>
</html>

Salam Hangat, Semoga bermanfaat.

Depri Pramana

My Tutorials

Mengganti Scroll Browser dengan CSS3

Unknown

My Tutorials

Mengganti Scroll Browser dengan CSS3

Artikel Terkait

Unknown