GSAP 3.15 introduced easeReverse, a feature that lets reversed animations use their own easing curve instead of simply playing the forward ease backwards. This demo explores the feature through a clip-path menu interaction where cover images scatter outward on open and return with elastic easing on close. The post includes code examples showing how to assign easeReverse per tween, rebuild timelines dynamically, and control reverse speed with timeScale(). A toggle lets users compare the old and new reverse behavior side by side.

3m read timeFrom tympanus.net
Post cover image

Sort: