Jump to content


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

Recommended Posts

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

  • Like 1
Link to comment
Share on other sites

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



  • Like 2
Link to comment
Share on other sites

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


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


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


  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.