Tailwind CSS Parallax - Versoly UI

Added in 1.0

Example

Parallax Header

<section class="pt-40 pb-32 relative">
  <div class="absolute w-full h-full top-0 left-0 bg-cover bg-center bg-no-repeat opacity-80 bg-fixed" style="background-image:url(https://d1pnnwteuly8z3.cloudfront.net/images/dafc1e05-b0e8-4c6d-b375-4a62333bbd5a/71fe09e2-9320-4f61-8eca-067243e2ef68.jpeg)"></div>
  <h1 class="text-white display-2 text-center relative">Parallax Header</h1>
</section>
<section class="h-[500px]"></section>