Weblex Dark Hero
Estilo Weblex Dark com vídeo loop seamless, acento verde lima e conteúdo bottom-aligned. Ideal para website builders, plataformas no-code e ferramentas de criação.
Uso: Website builders, Plataformas no-code, Ferramentas de criação de sites, Landing pages de produto
Contexto Histórico
Destaca-se pela técnica avançada de loop seamless do vídeo via requestAnimationFrame e pelo posicionamento bottom-aligned, criando experiência cinematográfica imersiva.
Especificações Técnicas
Cores
Efeitos
VÍDEO: Vídeo abstrato com movimento fluido e suave em tons escuros. Formas orgânicas ou gradientes em transição contínua, criando atmosfera moderna e tecnológica. Sem overlay escuro (opacity total). Implementa transição de loop seamless: fade-out para preto 1.5s antes do fim do vídeo e fade-in no primeiro 1s do restart, controlado via requestAnimationFrame para suavidade perfeita. | EFEITOS CSS: Vídeo de fundo tela cheia com transição de loop seamless: fade-out para preto 1.5s antes do fim via requestAnimationFrame, fade-in no primeiro 1s do restart, sem overlay escuro, conteúdo alinhado ao bottom com 100px bottom padding e max-width 603px, navbar transparente total, badge pill com borda, headline 62px line-height 1.1, botão primário verde lima com ArrowUpRight e secundário branco
Light/Dark
✗ Not Recommended / ✓ Full
Relacionados
Última sincronização: 01/04/2026