Scrolling through a tube using scrolltrigger – GSAP

Helpful Tools

Diff Checker HTML Formatter JSON Formatter JSON Table Viewer Responsive Preview CSS Animation Generator CSS Loader Generator CSS Transform Generator CSS Filter Generator Box Shadow Generator Gradient Generator Flexbox Builder Tailwind Formatter REM ↔ PX Converter Color Palette Generator Font Pairing Tool SVG Animation Generator Animated SVG Icons Regex Tester

Here is an amazing site to watch that looks like a space tunnel to reach the other end by scrolling in and out.

See the Pen 🚄 ScrollTriggering Through a Tube GSAP - ScrollTrigger Demo by Puneet Sharma (@webdevpuneet) on CodePen.

Related

Helpful Tools

Diff Checker HTML Formatter JSON Formatter JSON Table Viewer Responsive Preview CSS Animation Generator CSS Loader Generator CSS Transform Generator CSS Filter Generator Box Shadow Generator Gradient Generator Flexbox Builder Tailwind Formatter REM ↔ PX Converter Color Palette Generator Font Pairing Tool SVG Animation Generator Animated SVG Icons Regex Tester

Turn your Figma design into a fast, production-ready frontend — in 2–5 days. Hire me on Upwork.