Barra de rolagem personalizada

Olá galerinha, estou trazendo aqui uma novidade que está sendo muito constante nos temas que é barra de rolagem personalizada. É muito fácil de fazer.

Cole esse código abaixo depois de <style> ou <style type=”text/css”> .

/*** barra de rolagem por beatriz-favato ***/

::-webkit-scrollbar { width: 8px; height: 5px; }
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  { height: 0px; display: block; background: #fff; }
::-webkit-scrollbar-track-piece  { background: #fff; }
::-webkit-scrollbar-thumb { height: 50px; background-color: #E2E0E1; }
::-webkit-scrollbar-thumb:hover { background: #E2E0E1; }

Credite a mim (beatriz-favato) e ao blogsking.com

Personalize as cores a gosto, e prontinho *-*

Tabelas de cores CLICK AQUI.

Tutorial criado por Beatriz Favato.