Modelo de la barra desplazadora o scrollbar

¡Hello! como andan? espero de lo mejor <3

Les traigo un modelo de barra desplazadora muy linda y fácil de poner.

Vamos con el modelo y tutorial //

Créditos: AMARYMIAUBLOG

Este es el scrollbar original, es la barra desplazadora, se le puede cambiar, decorarla a nuestra forma, cambiar ancho, color etc.

Les traigo un tutorial de como dejarla de está forma:

PREVIA:

Plantilla | Editar HTML | CTRL + F

Buscas:

]]></b:skin>

Arriba o antes de ese código ponemos el siguiente:

::-webkit-scrollbar {
height: 12px;
width: 10px;
background: #ffcbd2;
}
::-webkit-scrollbar-thumb {
background: #CEC0DA;
border-bottomRight: 50px; border-bottom-right: 50px; border-topLeft: 50px; border-top-left: 50px;
}

Editar:

Rojo: Fondo del scrollbar

Azul: El color de la barrita que se desliza.

¡Espero les allá gustado!

Recuerden dejar su comentario, me harían muy feliz, sigan el blog para más <3

Recuerden igual los créditos, por favor!

Si tienen algún problema poniendo el scroballr comentelo y estaría encantada de ayudar :-)

¡Hasta luego! gracias por leer.