InfinityGlassGSAP

The Infinity Glass Hover component brings cinematic depth and interactivity to your images. Perfect for hero sections, portfolios, product showcases, and immersive landing pages, it combines smooth GSAP animations with fine-tuned controls to deliver a polished, high-performance visual effect.

Features:

• Layered Hover Reveal – Images split into stacked layers with a customizable scale interval.

• Cursor Parallax Tracking – Smooth, lerped motion that responds to mouse position.

• Drag-to-Rotate – Tilt layers in 3D by dragging vertically.

• Edge Effects – Add subtle stroke or shaded outlines for a glass-edge illusion.

• Customizable Easing – Choose from multiple GSAP easing curves.

• Responsive Radius – Supports pixel and percentage values for rounded or circular masks.

• Performance Optimized – GPU-accelerated transforms and requestAnimationFrame loop.

Perfect for:

• Hero images

• Product cards

• Showcase galleries

• Creative portfolios