Activate your free membership today | Log-in

Friday, May 28th, 2010

Rounded corners. Moving.

Category: Animation, Graphics, UI

<blockquote>

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:

  • Adding value to storage virtualization
    Storage is a huge market for VARs with many competitors. The difference between getting a contract and not getting a contract may boil down to the...
  • As one case closes another begins
    The decision by NetApp and Oracle to can a legal dispute that has been rumbling on for a decade comes just hot on the heels of the move by HP to sue...
  • Monkey impressionist is IT's strongest link
    Twelve years of IT knowledge was unlikely to help Ben Baskaran when he faced the formidable Anne Robinson on TV gameshow...
  • Analyst corner: security and compliance
    In Analyst Corner we round up the latest papers from the research firms that cover the IT industry. This week, we focus on security and...
  • Analyst corner
    In Analyst Corner we round up the latest papers from the research firms that cover the IT industry. This week we examine trends around server...

Posted by Dion Almaer at 5:41 am
5 Comments

++++-
4 rating from 8 votes

5 Comments »

Comments feed TrackBack URI

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).

Comment by Skilldrick — May 28, 2010

Works in FF nightlies

Comment by jamienk — May 28, 2010

Easy to waste time on this, there are so many presets to try.

Comment by McDaid — May 28, 2010

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.

Comment by MattCoz — May 28, 2010

Wow this is an awesome library!

Comment by voidmind — June 2, 2010

Leave a comment

You must be logged in to post a comment.