scroll-clip-path

An Astro component that generates a circular gallery clip-path, revealing its content as you scroll

Installation 📖

# You can intall with npm
npm install scroll-clip-path
# or with yarn
yarn add scroll-clip-path
# or with pnpm
pnpm add scroll-clip-path

Usage ⚙️

---
import ScrollClipPath from 'scroll-clip-path';
---

<ScrollClipPath arrayImages={Array.from(
    { length: NUM_OF_IMAGES },
    (_, i) => `https://20essentials.github.io/project-1281/assets/w${i + 1}.avif`} )
/>

Demo 📹