Find all your DIY electronics in the MakerShed. 3D Printing, Kits, Arduino, Raspberry Pi, Books & more!

Pt 10164

Wow, in Safari and/or Chrome this is really nice

An experiment with CSS3 border-radius, transforms & animations

I can’t wait to see the gears, mechanical illustrations and animations that folks will be creating soon all with CSS.

Phillip Torrone

Editor at large – Make magazine. Creative director – Adafruit Industries, contributing editor – Popular Science. Previously: Founded – Hack-a-Day, how-to editor – Engadget, Director of product development – Fallon Worldwide, Technology Director – Braincraft.



  1. Alan says:

    It’s a pretty sweet feature demonstration. I look forward to seeing this adopted on more browsers soon.

    There is at least one error in the solar system animation, though: the moon appears to undergo a total eclipse every month, and its phases are illustrated wrong. It should have one side fully illuminated all the time, which creates the illusion of waxing and waning for an observer on Earth, but would appear as a permanent half-moon to someone observing from outside the solar system.

  2. CircuitGizmo says:

    Pluto? Wasn’t Pluto axed?

  3. MadRat says:

    (*sigh*) It also works on the new 10.60 Opera version that came out today. Opera 10.60 has a score of 159 on The HTML5 Test which I believe is the highest score for any browser at the moment.

  4. Rachel Hobson says:

    Love this – very cool!