hera.bloom.
Entrar
Voltar à galeria

Conquista Desbloqueada

Banner de achievement deslizando com troféu dourado girando, barra de XP enchendo e raridade épica brilhando.

CSS / TailwindGamer & StreamingMédio
Preview ao vivoInterativo
<!DOCTYPE html>
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <div class="particulas">
      <i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i>
    </div>
    <div class="flash"></div>

    <div class="banner">
      <div class="medalhao">
        <span class="trofeu">🏆</span>
      </div>
      <div class="textos">
        <p class="mini">CONQUISTA DESBLOQUEADA</p>
        <p class="nome">Caçador de Lendas</p>
        <div class="rodape">
          <span class="raridade">ÉPICO</span>
          <div class="xp">
            <i></i>
          </div>
          <span class="ganho">+250 XP</span>
        </div>
      </div>
    </div>
  </body>
</html>

Efeitos relacionados

carregando

Barra de XP que enche, estoura em LEVEL UP! com raios dourados e o número do nível girando para o próximo.

XP e Level Up Explosivo

CSS / Tailwind

Barra de XP que enche, estoura em LEVEL UP! com raios dourados e o número do nível girando para o próximo.

carregando

Botão de transmissão com anéis pulsando, espectadores subindo e preview do canal que expande no hover.

Badge AO VIVO com Preview

CSS / Tailwind

Botão de transmissão com anéis pulsando, espectadores subindo e preview do canal que expande no hover.

carregando

Moldura de webcam com borda de gradiente girando, cantos animados, badge REC pulsando e viewers subindo.

Overlay de Webcam para Live

CSS / Tailwind

Moldura de webcam com borda de gradiente girando, cantos animados, badge REC pulsando e viewers subindo.