Weblex Dark Hero
Dark hero with full-screen video with seamless loop transition via requestAnimationFrame opacity. Ideal for website builders, plataformas no-code, ferramentas de criação de sites, landing pages de produto. AI-ready template.
Use case: Website builders, Plataformas no-code, Ferramentas de criação de sites, Landing pages de produto
Historical Context
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.
Technical Specs
Colors
Effects
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
Related
Last synced: 4/1/2026