Fundo Mesh Gradient

Fundo vivo de gradientes em malha — roxo, rosa, laranja e azul respirando devagar.

CSS / TailwindFundosFácil

Preview ao vivoInterativo

<!DOCTYPE html>
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <span class="blob b1"></span>
    <span class="blob b2"></span>
    <span class="blob b3"></span>
    <span class="blob b4"></span>
    <div class="content">Seu conteúdo aqui</div>
  </body>
</html>

Efeitos relacionados

carregando

Faixas horizontais de luz verde, ciano e violeta ondulando devagar sobre um céu estrelado.

Fundo Aurora Boreal

CSS / Tailwind

Faixas horizontais de luz verde, ciano e violeta ondulando devagar sobre um céu estrelado.

carregando

Um gradiente vibrante que percorre todo o círculo cromático bem devagar, sem nunca se repetir de repente.

Fundo Gradiente em Ciclo

CSS / Tailwind

Um gradiente vibrante que percorre todo o círculo cromático bem devagar, sem nunca se repetir de repente.

carregando

Nuvens desfocadas em tons pastel de entardecer cruzando a tela lentamente, cada uma no seu tempo.

Fundo Nuvens de Gradiente

CSS / Tailwind

Nuvens desfocadas em tons pastel de entardecer cruzando a tela lentamente, cada uma no seu tempo.