Loader Órbita

Anel turquesa girando com dois satélites em órbita, flutuando no espaço profundo.

CSS / TailwindLoadersFácil

Preview ao vivoInterativo

<!DOCTYPE html>
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <div class="orbit">
      <span class="ring"></span>
      <span class="dot dot-a"></span>
      <span class="dot dot-b"></span>
    </div>
  </body>
</html>

Efeitos relacionados

carregando

Dois anéis concêntricos girando em direções opostas, em índigo e âmbar sobre fundo claro.

Loader Anel Duplo

CSS / Tailwind

Dois anéis concêntricos girando em direções opostas, em índigo e âmbar sobre fundo claro.

carregando

Oito pontos em tons de violeta pulsando em círculo enquanto o conjunto gira, criando uma espiral hipnótica.

Loader Espiral de Pontos

CSS / Tailwind

Oito pontos em tons de violeta pulsando em círculo enquanto o conjunto gira, criando uma espiral hipnótica.

carregando

Cinco pontos coral quicando em sequência, formando uma onda suave sobre fundo azul-noite.

Loader Onda de Pontos

CSS / Tailwind

Cinco pontos coral quicando em sequência, formando uma onda suave sobre fundo azul-noite.