Fullscreen Clip-path Transitions ✨

📖 About

A creative exploration of fullscreen clip-path animations. A fullscreen image smoothly transforms and morphs into a grid of smaller images, altering its shape along the way — creating a visually striking transition effect.

🚀 Tech Stack

• HTML5 & CSS3 — Structure and styling with clip-path and CSS Custom Properties.
• JavaScript (ES6+) — Animation logic and control.
• GSAP — High-performance animation engine for fluid, complex transitions.
• Splitting.js — Character-level text animation.
• ImagesLoaded — Ensures images are loaded before animations fire.

🛠️ Getting Started

1. Clone this repository.
2. No build tools or package managers needed — all libraries are loaded via CDN.
3. Open index.html in a modern browser.

Tip: Use a local server (e.g. Live Server in VS Code) to avoid CORS issues with ES modules.

💡 Notes

• Requires a modern browser with support for CSS Variables and clip-path.

---

✨ Created by Sebastian Vasquez