Código copiado!!

Personaliza tu Scrollbar

12px
6px

Vista previa

logo-preview

Código CSS generado

:root {
    --track-color: #e2e8f0;
    --thumb-color: #6366f1;
    --scrollbar-width: 12px;
    --scrollbar-radius: 6px;
    --scrollbar-width-moz: auto;
}
        
/* Chrome, Edge, Safari */
body::-webkit-scrollbar {
    width: var(--scrollbar-width);
}
        
body::-webkit-scrollbar-thumb {
    background-color: var(--thumb-color);
    border-radius: var(--scrollbar-radius);
}
        
body::-webkit-scrollbar-track {
    background-color: var(--track-color);
}


/* Firefox */
@supports not selector(::-webkit-scrollbar) {
* {
    scrollbar-width: var(--scrollbar-width-moz);
    scrollbar-color: var(--thumb-color) var(--track-color);
  }
}