scroll

PolygonClipReveal

Polygon clip-path reveal on scroll. Source: PointC — https://codepen.io/PointC/pen/XWgdmro

Playground

Label

Scroll-based previews need you to scroll into view.

Live preview

Scroll through this lane — polygon clip reveal

Polygon clip reveal

Code

<PolygonClipReveal className="max-w-md">
  <div className="flex h-40 items-center justify-center rounded-xl bg-gradient-to-br from-emerald-600/40 to-blue-600/40 text-lg font-semibold">
    Polygon clip reveal
  </div>
</PolygonClipReveal>