Animating to/from backgroundSize: "contain" or "cover"
I was asked yesterday about animating to/from backgroundSize: "cover" or "contain" with GSAP, so I figured I'd share the solution here in case it helps anyone else.
The problem: GSAP interpolates between numbers, but how is it supposed to interpolate between something like "300px 250px" and "contain" (not a number)? So I whipped together a function that basically translates "contain" or "cover" into their px-based equivalents for that particular element at whatever size it is then.
I would echo Blake's advice above about joining the Animation At Work slack and following these channels
http://damp-lake-50659.herokuapp.com/
#GSAP
#general
#codepen
#uianimation
#svg
There are definitely some interesting conversations going on and you get exposed to some ideas and techniques that you wouldn't necessarily stumble into elsewhere.
At first we were worried that the #GSAP channel would turn into a support nightmare (with
