Smooth resize

syncdin

I'm using interpolate to make a button grow larger and smaller, the resize is smooth, but it has a slight pause in the loop. What would be the best way to make it a smooth continuous cycle? Thank you!

jonmulcahy

split the rules up so when it's 300px wide it interpolates to 250 and when it's 250 px wide it interpolates to 300

having them all run at once is causing the issue i think

syncdin

Thanks Jon!

Adjusting the duration of the interpolate helped. I also put in a second rule, which starts the scaling down after the image is greater than or equal to a certain size.

(It does work without the second rule, but it doesn't seem to know what to do at first, it hesitates, then starts increasing the width only, before it corrects itself...)

It works well enough now. Thanks again!