Effects
Efeitos visuais, animacoes CSS, badges e interacoes
01
Ticker Strip
Faixa de texto em movimento continuo com nomes de jogos e termos taticos
WARZONE • COD • BATTLEFIELD • FPS • RANKED • CLUTCH • HEADSHOT • ACE • NUKE • SQUAD • LOADOUT • GULAG • WARZONE • COD • BATTLEFIELD • FPS • RANKED • CLUTCH • HEADSHOT • ACE • NUKE • SQUAD • LOADOUT • GULAG
overflow-hidden + animate-ticker. Conteudo duplicado para loop seamless.
02
Badge Variants
Tags de status com cores semanticas para diferentes contextos
LIVE
NEW PRO BETA OFFLINE
Uso em contexto:
Airinho Joga LIVE
PRO
Canal Secundario OFFLINE BETA
03
Glow & Pulse
Efeitos de brilho e pulsacao com box-shadow e CSS animations
GLOW
PULSE
FADE
PING
shadow-glow-red: box-shadow vermelho difuso. animate-pulse-red: pulsacao com glow. animate-ping: expansao e fade.
04
Hover Effects
Cards com transformacoes e glow ao passar o mouse
Scale + Glow
Escala 105% com glow vermelho no hover. Ideal para cards de destaque e CTAs secundarios.
Lift + Border
Translacao vertical com borda vermelha. Funciona bem em grids de features e listagens.
Color Shift
Troca de cor de fundo e texto no hover. Sutil e elegante para navegação e menus.