Image Fade Effect

Adds a gradual transparency to images
hero-section

Code


const ImageFade = () => {
return (

<div>
<div className="relative flex max-w-6xl justify-center overflow-hidden">
<img
  src="https://dashboardsdesign.com/img/dashboards/dashboard-05-custom.png"
  alt="hero-section"
  className="h-full w-full rounded-lg border object-cover md:w-[1300px]"
/>
<div className="from-1% absolute inset-0 bg-gradient-to-t from-white to-35%" />
</div>
</div>
) }

export default ImageFade