slider-clip-path

An Astro component that creates an interactive image slider using CSS clip-path animations. It allows smooth transitions between slides.

Installation 📖

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

Usage ⚙️

---
import SliderClipPath from 'slider-clip-path';
---

<SliderClipPath arrayImages={Array.from(
    { length: 5 },
    (_, i) =>
      `https://20essentials.github.io/project-1311/assets/foto-${i + 1}.avif`
  )}/>

Demo 📹