# Efeitos especiais

Brilhos que percorrem bordas, feixes de luz entre elementos, confete, meteoros, desfoque progressivo, raspadinha e shaders aplicados sobre imagens ou sobre o próprio HTML. São os detalhes que fazem uma interface parecer produzida por um estúdio. Use com moderação: um efeito forte por tela costuma bastar, e o prompt orienta a IA a manter o desempenho.

Pedidos que levam a esta categoria:

- “uma luz passando pela borda do card”
- “chuva de confete quando a pessoa conclui a compra”
- “efeito de raspadinha para revelar um cupom”
- “deixar o HTML com cara de vidro derretido”

- [Pavio](https://vibecode.thmtecnologia.com/componentes/pavio/): Cartão com um feixe de luz que dá voltas pela borda e um brilho suave que acompanha o mouse por dentro.
- [Anáglifo](https://vibecode.thmtecnologia.com/componentes/anaglifo/): Ao mover o mouse sobre a página, o vermelho e o azul se descolam do conteúdo, como uma imagem 3D vista sem os óculos.
- [Boia](https://vibecode.thmtecnologia.com/componentes/boia/): Qualquer imagem ou ícone passa a boiar devagar, subindo, descendo e girando de leve, sem parar.
- [Bólido](https://vibecode.thmtecnologia.com/componentes/bolido/): Pequenos riscos com cauda atravessam o card na diagonal, como estrelas cadentes, cada um no seu ritmo.
- [Caleidoscópio](https://vibecode.thmtecnologia.com/componentes/caleidoscopio/): Uma tela que roda efeitos visuais escritos em GLSL, como campos de estrelas e vórtices, e reage ao mouse.
- [Crisol](https://vibecode.thmtecnologia.com/componentes/crisol/): Seu HTML de verdade passa por um efeito gráfico da placa de vídeo, como ondas de água, e segue clicável.
- [Escotilha](https://vibecode.thmtecnologia.com/componentes/escotilha/): Um painel de vidro que entorta o conteúdo que passa por trás, com bordas que refratam e separam as cores.
- [Fliperama](https://vibecode.thmtecnologia.com/componentes/fliperama/): Transforma uma foto em padrão de pontinhos de poucas cores, com cara de jogo antigo ou de impressão retrô.
- [Fogo-fátuo](https://vibecode.thmtecnologia.com/componentes/fogo-fatuo/): Um brilho colorido passeia devagar pela borda de um card ou campo, acendendo um trecho e depois outro.
- [Folia](https://vibecode.thmtecnologia.com/componentes/folia/): Uma explosão de papeizinhos coloridos sobe e cai na tela quando a pessoa conclui uma compra, um cadastro ou uma meta.
- [Garimpo](https://vibecode.thmtecnologia.com/componentes/garimpo/): Um cartão coberto por uma camada colorida que a pessoa raspa com o mouse ou o dedo para descobrir o prêmio.
- [Geada](https://vibecode.thmtecnologia.com/componentes/geada/): A imagem ou o conteúdo vai ficando embaçado aos poucos até a borda, como um vidro cada vez mais fosco.
- [Girassol](https://vibecode.thmtecnologia.com/componentes/girassol/): Quando o mouse chega perto de um card, um arco de luz colorida acende na borda e gira para apontar o cursor.
- [Labareda](https://vibecode.thmtecnologia.com/componentes/labareda/): Chamas sobem da base da página, o calor faz o conteúdo ondular e faíscas laranja voam para cima.
- [Medalha](https://vibecode.thmtecnologia.com/componentes/medalha/): Seu logo vira uma peça de metal espelhado, com reflexos que escorrem devagar pela superfície.
- [Ponto-cruz](https://vibecode.thmtecnologia.com/componentes/ponto-cruz/): O conteúdo real da página é redesenhado ao vivo como arte ASCII, com caracteres que imitam luz e sombra.
- [Pupila](https://vibecode.thmtecnologia.com/componentes/pupila/): Um círculo que segue o mouse e, sobre o título, cresce para revelar uma segunda mensagem escondida.
- [Relicário](https://vibecode.thmtecnologia.com/componentes/relicario/): Um selo com ícone de pasta amarela: ao passar o mouse, a pasta abre e até três fotos saltam em leque.
- [Remanso](https://vibecode.thmtecnologia.com/componentes/remanso/): O conteúdo da página parece estar sob uma lâmina d'água e solta ondas por onde o mouse passa.
- [Rodopio](https://vibecode.thmtecnologia.com/componentes/rodopio/): Uma borda fina com luz azul e rosa que gira em volta do campo ou do botão, como um letreiro de neon.
- [Satélite](https://vibecode.thmtecnologia.com/componentes/satelite/): Um pequeno feixe de luz colorida dá voltas pela borda de um card ou seção, como um cometa contornando a moldura.
- [Taquara](https://vibecode.thmtecnologia.com/componentes/taquara/): Ao girar a roda do mouse sobre o bloco, o conteúdo se curva como uma folha de papel e depois volta ao lugar.
- [Teleférico](https://vibecode.thmtecnologia.com/componentes/teleferico/): Linhas finas ligam ícones e cards, e um pulso de luz colorida corre por elas, mostrando os dados em movimento.
- [Varal](https://vibecode.thmtecnologia.com/componentes/varal/): O conteúdo da página se dobra e ondula devagar, como um pano leve balançando com a brisa.