← Todas as ferramentas de texto

Gerador de loader CSS

Spinners e animações de carregamento em CSS puro, com suas cores e tamanho.

  • Grátis
  • Sem cadastro
  • Funciona em qualquer dispositivo

Cerca de Gerador de loader CSS

Escolha uma animação de spinner, pontos, barras ou pulso, defina a cor e o tamanho e copie o CSS puro. Não são necessários imagens nem JavaScript, então o indicador de carregamento aparece instantaneamente, mesmo em conexões lentas. Adicione um rótulo de texto ou o atributo aria-busy para que usuários de leitores de tela também saibam que algo está carregando.

Como usar: Gerador de loader CSS

  1. Defina as opções acima. O resultado é atualizado ao vivo.
  2. Ajuste o que quiser até ficar do seu jeito.
  3. Copie o resultado ou baixe.

Por que usar esta ferramenta?

Também conhecido como

Perguntas frequentes

Um loader em CSS é melhor que um GIF?

Normalmente sim. Loaders em CSS são minúsculos, escalam em qualquer tela, mudam de cor com uma única variável e evitam uma requisição de rede extra, enquanto um GIF é mais pesado e fica borrado em telas de alta densidade.

Gerador de loader CSS é grátis?

Sim. Gerador de loader CSS no Toolipedia é de uso gratuito, sem cadastro e sem marca d'água.

É seguro usar?

Sim. Tudo é calculado no seu navegador, e nada do que você digita é enviado ao nosso servidor.

Funciona no meu celular?

Sim. Funciona em qualquer navegador moderno no Android e no iPhone, além de tablets e computadores. Não é preciso instalar nada.

Preciso de uma conta?

Não. É só abrir a página e usar a ferramenta. Sem cadastro e sem e-mail.

Ferramentas relacionadas