herovideofullscreengradientbackground

Full-Screen Video Hero with Gradient Overlay

Полноэкранный видео-херо с автоплей фоновым видео и градиентным оверлеем. Идеально для лендингов и иммерсивных вступлений.

Live Preview

Prompt

<div class="relative w-full h-screen overflow-hidden bg-black">
  <video autoplay="" muted="" loop="" playsinline="" poster="http://googleusercontent.com/generated_video_content/8612675747395172366_poster.jpg" class="w-full h-full object-cover z-[1]">
    <source src="http://googleusercontent.com/generated_video_content/8612675747395172366" type="video/mp4"></source>
  </video>
  <div class="absolute top-0 left-0 w-full h-full bg-gradient-to-t
    from-black/80 via-transparent to-transparent z-[2]
    pointer-events-none"></div>
</div>

All Prompts