gsap

Always use camelCase property names (e.g. backgroundColor , rotationX ). Prefer GSAP's transform aliases over raw transform string: Built-in eases: power1 – power4 , back , bounce , circ , elastic , expo , sine . Each has .in , .out , .inOut . Runs setup only when a media query matches; auto-reverts when it stops matching. Third argument controls placement: tl.play() , tl.pause() , tl.reverse() , tl.restart() , tl.time(2) , tl.progress(0.5) , tl.kill() . Animating x , y , scale , rotation , opacity stays on the compositor. Avoid width , height , top , left when transforms achieve the same effect. Only on elements that actually animate.