Demo · SVG + GSAP

Diagonal Peel

Ein SVG mit gestapelten <image>-Layern. Die obere Schicht wird diagonal per clipPath freigelegt; eine Schattenkante entlang des Schnitts erzeugt die Blatt-über-Blatt-Tiefe. Für N Bilder: paarweiser Peel, dann Index weiter.

Reuse

• createDiagonalPeel(el, { images }) aus js/diagonal-peel.js
• API: peelNext(), peelTo(i), scrub(t), setAngle(deg), play(), pause()
• angle — cut-line degrees from +X (default: 7→2 o’clock diagonal; peel bottom→top)
• Alle Screens liegen als <image href> im selben SVG
• GSAP animiert nur einen Proxy t ∈ [0,1] → Polygon + Schatten