Our Solar System — An experiment with CSS3 border-radius, transforms & animations

Computers & Mobile
Our Solar System — An experiment with CSS3 border-radius, transforms & animations

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.

8 thoughts on “Our Solar System — An experiment with CSS3 border-radius, transforms & animations

  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. http://html5test.com/

  4. Rachel Hobson says:

    Love this – very cool!

Comments are closed.

Discuss this article with the rest of the community on our Discord server!
Tagged

current: @adafruit - previous: MAKE, popular science, hackaday, engadget, fallon, braincraft ... howtoons, 2600...

View more articles by Phillip Torrone

ADVERTISEMENT

Maker Faire Bay Area 2023 - Mare Island, CA

Escape to an island of imagination + innovation as Maker Faire Bay Area returns for its 15th iteration!

Buy Tickets today! SAVE 15% and lock-in your preferred date(s).

FEEDBACK