Hello all,
First of all, thanks for the amazing animation platform and community. Most of the questions I've had so far I've been able to answer just by searching on this forum. Right now, I've not been able to find an answer.
I'm trying to use a rounded div as a mask, so it masks the overflow of every div inside it. I figured I could just use two tweens everytime (or rather, an onStart function that I could call), one to animate the scale of the circular div, and an equal and opposite one to scale the content the other way around, so it would just appear that the circle is growing/shrinking. The problem I'm having, is that the animations don't exactly line up. The content appears to scale a little bit before catching up. I've tried it with both tweens and timelines, using eases, no eases, and Linear.easeNone.
I've created a small example on codepen: http://codepen.io/J1pster/pen/aBKqWB
Does anybody know a way to do this so the content inside the circle does not appear to scale? I'm open to other solutions, like using SVG, but we've had problems with this in the past so we've been avoiding it for now.
Kind regards,
Jip
