border-radius tween with relative value only affects left and right of element

[MSCAU 8 Likes (Newbie)]

It appears that a simple borderRadius tween with a relative increment value only affects the Y component of the CSS border-radius property (#1 in CodePen). I can get around it using an absolute value (#2 in the CodePen), but I thought this was odd so should be reported. Thoughts?

See the Pen dEQOzr by MSCAU (@MSCAU) on CodePen

[GreenSock 8,117 Likes (Superhero)]

Good catch, @MSCAU. You're absolutely right - there was a small bug that'd cause subsequent relative non-px values not to work correctly. It should be resolved in the next release which you can preview (uncompressed) at https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/TweenMax-latest-beta.js

 

Better? 

[MSCAU 8 Likes (Newbie)]

Yes thanks. I find I can run both of these successfully:

 

tl.to(".div1", SPEED, {borderRadius: "+=10%"});

and

tl.to(".div1", SPEED, {borderRadius: "+=10% +=10%"});