Gerador de scrollbar CSS personalizada
Personalize uma scrollbar CSS (largura, cores, raio) e obtenha o código.
Demo line 1
Demo line 2
Demo line 3
Demo line 4
Demo line 5
Demo line 6
Demo line 7
Demo line 8
Demo line 9
Demo line 10
Demo line 11
Demo line 12
Demo line 13
Demo line 14
Demo line 15
Demo line 16
Demo line 17
Demo line 18
Demo line 19
Demo line 20
🔒 100 % no cliente — nenhum dado enviado
Projete uma scrollbar CSS personalizada (cores, largura, raio) e copie código cross-browser. Uma pré-visualização mostra o resultado instantaneamente. Tudo é gerado localmente no seu navegador, sem envio de dados para lugar nenhum.
What is it for?
- ▸ Combinar a scrollbar com a identidade visual do seu site
- ▸ Estilizar uma área de conteúdo rolável
- ▸ Gerar código webkit e padrão em um clique
- ▸ Testar cores diferentes antes de integrar
FAQ
O código é cross-browser?
Ele inclui propriedades webkit e padrões para ampla compatibilidade.
Posso definir largura e cores?
Sim, ajuste a largura, as cores da trilha e do thumb, e o raio.
Minhas configurações são enviadas para um servidor?
Não, tudo é calculado no seu navegador.
Related tools
Proporção · calculadora Calcule uma proporção (16:9...) e derive uma dimensão proporcional ausente. Gerador de código de barras Gere um código de barras (EAN-13, Code128, UPC) a partir de um valor, baixável, no seu navegador. Base64 → imagem Decodifique um data URI ou Base64 em uma imagem visualizável e baixável, no seu navegador. CSS border-radius · gerador Crie cantos arredondados em CSS (border-radius) com pré-visualização ao vivo e código pronto para copiar. CSS box-shadow · gerador Gere um CSS box-shadow com pré-visualização ao vivo e código pronto para copiar. Removedor de fundo verde Torne uma cor de fundo (tela verde/azul) transparente e exporte um PNG, no seu navegador.