Barra de Rolagem Personalizada - Arredondada e com Shadow

 Olá tsunderes! (ou talvez não '-')

Como vão vocês meus doces? quero contar-lhes uma coisa: não estou com muito tempo para blogar e tal, mas só que amo tudo por aqui, vocês então *---* e queria agradecer muito pelos mais de 1050 seguidores, e por isso estou fazendo um layout free, é simples mais feito com carinho, depois trago-o aqui, ainda falta achar um menu padrão para ele, só isso.

Hoje estava entediada na escola, então peguei um livro na biblioteca, acho que ninguém deve conhecer, o nome é 'Os 13 Porquês' e parece ser bom, alguém aí conhece? kkk será possível que só falo de livros...

Estarei ainda mais ausente por esses dias, pois essa sexta feira mesmo eu tenho teste de português e o pior é que ela só avisou hoje, tipo, um dia somente para estudar já que hoje não tive tempo, só que amanhã tenho curso então...provavelmente não vai dar para estudar muito né :l - vida triste ;.; kkkkkk

Uma de nossas ChocoLeitoras, me pediu um tutorial de como deixar a barra de rolagem assim como a nossa, já ensinamos aqui uma vez como fazer essa (www) personalização da barra, e hoje irei ensinar a nossa versão, arredondada e com shadow ao redor da barra - Preview.

~ Vamos aprender?

 - Super fácil, basta colar esse lindo código acima de ]]></b:skin> e ser feliz:

::-webkit-scrollbar {width: 8px; height: 4px; background: #dbedf1; box-shadow: inset 0 0 15px #5f8993; }

::-webkit-scrollbar-thumb { background: #c2b1c3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: inset 0 0 10px #765178; }

Ps.: está com nossas cores padrão, pois eu peguei de nosso código '-' uhauheua

Tchau gente, espero que tenham gostado do tutorial de hoje o/