UTILS.
Privadas por padrão
◜

Gerador de spinner CSS

Gere um spinner de carregamento em CSS puro e copie o CSS.

Seus arquivos ficam neste dispositivo

Os arquivos são processados no navegador, nunca enviados. O site baixa o código e os recursos necessários. Sem contas ou rastreadores.

Use Baixar para salvar esta ferramenta em um único arquivo HTML para uso offline.

Privacidade →

Sobre esta ferramenta

Crie um spinner de carregamento em CSS puro nos estilos anel, pontos ou barras com tamanho, cor e velocidade personalizados, depois copie o CSS e os keyframes. A visualização anima ao vivo no seu navegador.

Perguntas frequentes

O spinner precisa de imagens ou JavaScript?
Não — ele é feito apenas com elementos HTML e keyframes CSS, então funciona em qualquer página sem recursos extras.
Como mudo a velocidade do giro?
O controle de velocidade define a duração da animação em segundos; um valor menor gira mais rápido e um valor maior, mais devagar.

Mais ferramentas