Breaking News: Grepper is joining You.com. Read the official announcement!

tailwind video section

Michael Le answered on April 13, 2022 Popularity 9/10 Helpfulness 6/10

answer tailwind video section

tailwind video section

Comment

<header class="relative flex items-center justify-center h-screen mb-12 overflow-hidden">
  <div
    class="relative z-30 p-5 text-2xl text-white bg-purple-300 bg-opacity-50 rounded-xl"
  >
    Welcome to my site!
  </div>
  <video
    autoplay
    loop
    muted
    class="absolute z-10 w-auto min-w-full min-h-full max-w-none"
  >
    <source
      src="https://assets.mixkit.co/videos/preview/mixkit-set-of-plateaus-seen-from-the-heights-in-a-sunset-26070-large.mp4"
      type="video/mp4"
    />
    Your browser does not support the video tag.
  </video>
</header>

Popularity 9/10 Helpfulness 6/10 Language whatever

Source: daily-dev-tips.com

Tags: video whatever

Link to this answer
Share Copy Link