Barra de rolagem (scrollbar) listrada que muda de cor

Esta página é um anexo do post CSS: barra de rolagem colorida no Google Chrome.

Aqui temos um exemplo de barra de rolagem (scrollbar) listrada que muda de cor. Ela deve funcionar no Google Chrome e em outros navegadores que usam webkit, como Opera e Flock.

Código para a folha de estilos:

::-webkit-scrollbar {background:#ffffff; width:20px; height:20px;}
::-webkit-scrollbar-thumb {background:repeating-linear-gradient(45deg,transparent,transparent 10px,#909 10px,#909 20px), linear-gradient(to bottom,#eee,#999);}
::-webkit-scrollbar-thumb:hover {background:repeating-linear-gradient(45deg,transparent,transparent 10px,#9c0 10px,#9c0 20px), linear-gradient(to bottom,#eee,#999);}
::-webkit-scrollbar-thumb:active {background:repeating-linear-gradient(45deg,transparent,transparent 10px,#09c 10px,#09c 20px), linear-gradient(to bottom,#eee,#999);}
::-webkit-scrollbar-corner {background:#ffffff;}

Confira também:


www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

www.helenfernanda.com.br

Não existe uma imagem aqui. É só para você ver a barra na horizontal.