Blog
Animated Cart – with SVG

Animated Cart – with SVG

Misc

Here’s an animated cart SVG with meaningful micro-interactions — a wiggle on hover, items “dropping in” to the cart, and a bounce on the wheels:Here’s what’s animated, and why each choice is meaningful: Hover wiggle — the cart body rocks...
Pinned snapping without reverse snapping issue:

Pinned snapping without reverse snapping issue:

GSAP

There is an issue with the snap function of the scroll trigger such that – if the user does not scroll enough as a threshold, the section has a bouncy effect and gets auto-snapped to the original position, To make forward snapping always work follow the...