Gerador de barra de rolagem personalizada
Escolha a largura da barra de rolagem, as cores do polegar e da faixa e o raio. Copie as regras geradas, que abrangem as propriedades padrão e os pseudoelementos do WebKit.
Fatos importantes
- Categoria
- Design e Cor
- Preço
- Livre
- Conta
- Não obrigatório
- Processamento
- No seu navegador
- Entrada
- Arquivos locais ou dados colados
- Plataforma
- Navegadores modernos para desktop e dispositivos móveis
O que isso faz
Escolha a largura da barra de rolagem, as cores do polegar e da faixa e o raio. Copie as regras geradas, que abrangem as propriedades padrão e os pseudoelementos do WebKit.
Estilize barras de rolagem com propriedades CSS do WebKit e Firefox.
Como usar
Aqui está a versão resumida do uso de Gerador de barra de rolagem personalizada.
- Defina a largura e o raio — Barras de rolagem finas combinam com barras laterais e painéis de código.
- Escolha o polegar e as cores da faixa — Mantenha contraste suficiente para ficar visível.
- Copie o CSS — Defina o escopo para um contêiner se você não quiser globalmente.
Recursos que importam
O que Gerador de barra de rolagem personalizada faz bem.
- Nada sai do seu dispositivo — O trabalho acontece na aba do seu navegador. Não há ponto de extremidade de upload neste aplicativo, portanto, seus arquivos e texto não podem ser armazenados, registrados ou vistos por nós.
- Sem upload, aguarde — Você pula totalmente a viagem de ida e volta para um servidor. Os resultados são limitados pela sua própria CPU, não pela velocidade da rede ou pelo tamanho da fila.
- Gratuito, sem conta, sem cotas — Sem parede de inscrição, sem marca d'água, sem limite diário. Existem contas opcionais apenas para salvar favoritos e predefinições em dispositivos.
Perguntas frequentes
Meu CSS é seguro para uso aqui?
Sim. Esta ferramenta funciona inteiramente no seu navegador usando JavaScript. Nada que você cola ou abre é enviado para um servidor, e a página não mantém nenhuma cópia depois de fechá-la.
Preciso criar uma conta?
Não. Todas as ferramentas podem ser totalmente utilizadas sem login. Uma conta apenas adiciona favoritos salvos e predefinições reutilizáveis.
Funciona em um telefone?
Sim. A interface prioriza os dispositivos móveis, com grandes alvos de toque e um layout empilhado, por isso funciona em telefones e tablets, bem como em desktops.
Isso funciona no Firefox?
O Firefox usa scrollbar-width e scrollbar-color, que estão incluídos. Os pseudoelementos do WebKit são ignorados lá.
Devo ocultar totalmente as barras de rolagem?
Evite ocultá-los em conteúdo rolável; dificulta a navegação pelo teclado e trackpad e pode prejudicar a acessibilidade.
Abra Gerador de barra de rolagem personalizada
Experimente agora – ele roda no seu navegador e não precisa de conta.
Abra a ferramenta