hera.bloom.
454 efeitos · novos toda semana

efeitos que dão vida ao seu site.

Veja cada um rodando ao vivo e copie o código pronto pra colar no seu projeto.

Anime

26
carregando
Destaque

Card colecionável com emblema de lâmina e vento, barras de stats animadas, foil de raridade e tilt 3D ao mouse.

Card de Personagem RPG

React

Card colecionável com emblema de lâmina e vento, barras de stats animadas, foil de raridade e tilt 3D ao mouse.

carregando
Destaque

Power-up em primeira pessoa: aura dourada em chamas toma a tela, raios estalam, pedras levitam e o chão racha em brasas.

Carga de Poder Dourada

CSS / Tailwind

Power-up em primeira pessoa: aura dourada em chamas toma a tela, raios estalam, pedras levitam e o chão racha em brasas.

carregando
Destaque

Close dramático de uma esfera de energia azul com espirais internas girando, vento circular, partículas sugadas e faíscas no flare.

Esfera de Energia Espiral

CSS / Tailwind

Close dramático de uma esfera de energia azul com espirais internas girando, vento circular, partículas sugadas e faíscas no flare.

carregando
Destaque

Palavra de efeito estilo mangá explodindo sobre estrela de ação com tremor, onda de choque e retícula halftone.

Onomatopeia de Impacto

CSS / Tailwind

Palavra de efeito estilo mangá explodindo sobre estrela de ação com tremor, onda de choque e retícula halftone.

carregando

Seis selos caligráficos originais acendem em ritmo acelerado até a técnica detonar em flash e poof de fumaça na tela.

Sequência de Selos

CSS / Tailwind

Seis selos caligráficos originais acendem em ritmo acelerado até a técnica detonar em flash e poof de fumaça na tela.

carregando

Menu de jogo clássico com janela de borda dupla, cursor pulsando, hover com kachunk e flash ao confirmar.

Menu de Batalha RPG

React

Menu de jogo clássico com janela de borda dupla, cursor pulsando, hover com kachunk e flash ao confirmar.

carregando

POV através de um visor verde: a mira trava numa fonte de energia, o nível de poder dispara e o visor estoura em cacos.

Visor de Nível de Poder

CSS / Tailwind

POV através de um visor verde: a mira trava numa fonte de energia, o nível de poder dispara e o visor estoura em cacos.

carregando

Bandeira preta com caveira sorridente original tremulando em ondas de keyframes sob um céu de aventura com nuvens.

Bandeira Pirata de Aventura

CSS / Tailwind

Bandeira preta com caveira sorridente original tremulando em ondas de keyframes sob um céu de aventura com nuvens.

carregando

Colunas de caracteres japoneses genéricos caindo como chuva digital em estética de papel e tinta sumi-ê.

Chuva de Kana Sumi-ê

CSS / Tailwind

Colunas de caracteres japoneses genéricos caindo como chuva digital em estética de papel e tinta sumi-ê.

carregando

Flash de corte diagonal atravessa a cena e a tela se divide em duas metades que deslizam antes de recompor com tremor.

Corte de Katana na Tela

CSS / Tailwind

Flash de corte diagonal atravessa a cena e a tela se divide em duas metades que deslizam antes de recompor com tremor.

carregando

Uma presença gigantesca sugerida na névoa se ergue além da muralha em passos pesados, até dois olhos acenderem em brasa.

Vulto Colossal na Muralha

CSS / Tailwind

Uma presença gigantesca sugerida na névoa se ergue além da muralha em passos pesados, até dois olhos acenderem em brasa.

carregando

Orbe carrega na frente da câmera sugando partículas e dispara um feixe até o horizonte com flash, shake e impacto pulsante.

Rajada de Energia em POV

CSS / Tailwind

Orbe carrega na frente da câmera sugando partículas e dispara um feixe até o horizonte com flash, shake e impacto pulsante.

carregando

Estrelas ninja e kunais cruzam a tela girando e cravam com thunk em um alvo de madeira que treme a cada impacto.

Chuva de Shuriken

CSS / Tailwind

Estrelas ninja e kunais cruzam a tela girando e cravam com thunk em um alvo de madeira que treme a cada impacto.

carregando

Câmera em primeira pessoa disparando por uma floresta noturna: chão em perspectiva, árvores passando, folhas e speed lines radiais.

Corrida Ninja em POV

CSS / Tailwind

Câmera em primeira pessoa disparando por uma floresta noturna: chão em perspectiva, árvores passando, folhas e speed lines radiais.

carregando

Interface de cockpit com retículas girando, leituras piscando e alvo travando com aviso de LOCK.

HUD de Cockpit Mecha

CSS / Tailwind

Interface de cockpit com retículas girando, leituras piscando e alvo travando com aviso de LOCK.

carregando

Close de olho vermelho com padrão de três vírgulas orbitando a pupila, acelerando até travar com flash e contração.

Olho Carmesim Hipnótico

CSS / Tailwind

Close de olho vermelho com padrão de três vírgulas orbitando a pupila, acelerando até travar com flash e contração.

carregando

Olhos estilo anime em SVG que piscam com brilho estrelado e mudam de emoção ao passar o mouse.

Olhos com Brilho Estrelado

CSS / Tailwind

Olhos estilo anime em SVG que piscam com brilho estrelado e mudam de emoção ao passar o mouse.

carregando

Página de mangá com quatro painéis de retícula que se revelam em sequência e zoom dramático no final.

Painéis de Mangá

CSS / Tailwind

Página de mangá com quatro painéis de retícula que se revelam em sequência e zoom dramático no final.

carregando

Círculo de invocação caligráfico expande no chão em perspectiva, gira brilhando e culmina em poof de fumaça com um pergaminho.

Selo de Invocação

CSS / Tailwind

Círculo de invocação caligráfico expande no chão em perspectiva, gira brilhando e culmina em poof de fumaça com um pergaminho.

carregando

Henshin sem personagem: fitas de luz convergem, flash no clímax e o emblema mágico estampa com brilho — clique pra reviver.

Sequência de Transformação

CSS / Tailwind

Henshin sem personagem: fitas de luz convergem, flash no clímax e o emblema mágico estampa com brilho — clique pra reviver.

carregando

Cartão de título de abertura com kanji decorativo, corte diagonal e flash de luz varrendo o texto.

Title Card de Abertura

CSS / Tailwind

Cartão de título de abertura com kanji decorativo, corte diagonal e flash de luz varrendo o texto.

carregando

Power-up em primeira pessoa: segure o mouse para carregar — a aura azul vira dourada, o chão racha e soltar libera a onda de choque.

Aura de Poder

CSS / Tailwind

Power-up em primeira pessoa: segure o mouse para carregar — a aura azul vira dourada, o chão racha e soltar libera a onda de choque.

carregando

Caixa de diálogo de visual novel com nome, texto digitando letra a letra, seta piscando e clique para avançar.

Caixa de Diálogo Visual Novel

React

Caixa de diálogo de visual novel com nome, texto digitando letra a letra, seta piscando e clique para avançar.

carregando

Corrida ninja em primeira pessoa: o cenário voa em parallax, o mouse inclina a câmera e o clique dispara o turbo.

Corrida POV

CSS / Tailwind

Corrida ninja em primeira pessoa: o cenário voa em parallax, o mouse inclina a câmera e o clique dispara o turbo.