Friday, May 28th, 2010
Rounded corners. Moving.
Category: Animation, Graphics
, UI
Chris Vanrensburg: “In a similar vein to a recent experiment with animating position, I wanted to see how curves could be applied to animating size changes for an object. To be expected, applying different interpolation curves for the width and height CSS style properties produces some fun effects (to be seen towards the bottom of the list of presets).”
The Web 2.0 crowd love their rounded corners. How about animating them! This is where Chris takes his latest experiment. Click around in the demo area and watch the smooth effects.
Related Content:
4.8 rating from 4 votes
That looks like a lot of fun, but I’d hate to see it used in a navbar (which it will be very soon I imagine).
Works in FF nightlies
Easy to waste time on this, there are so many presets to try.
This is a demo for animation curves, not corner curves. He’s just animating the size of the element, which just happens to have rounded corners.
Wow this is an awesome library!