Object movement along motion path on scroll with rotation animation – GSAP

Here is a cool example of an object movement along a motion path on scroll with rotation animation - GSAP

See the Pen Running Tractor by Puneet Sharma (@webdevpuneet) on CodePen.

Here is another example similar to the above but with more dimensions.

See the Pen Weird Fishes by Puneet Sharma (@webdevpuneet) on CodePen.

The cockroach animation

See the Pen GSAPscrollTrigger: cucas 004 by Puneet Sharma (@webdevpuneet) on CodePen.

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.