herofullwidthgradientoverlay

Hero Image Section

Секция Hero Image: полноширинное изображение с наложением. Идеально для лендингов, демонстрации продуктов и фич с эффектным визуалом.

Live Preview

Prompt

<div class="w-full">
  <div class="relative w-full h-96 overflow-hidden">
    <img src="https://cdn.shopify.com/s/files/1/0908/9489/3329/files/29.jpg?v=1752730002" alt="Hero Image" class="w-full h-full object-cover" />
    <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"></div>
  </div>
</div>

All Prompts