Very impressive CSS3 demo: CSS3 Planetarium

#1

Post by thankuz » Wed, Mar 16, 2011, 5:52 PM UTC

Very impressive CSS3 demo: CSS3 Planetarium
hacks.mozilla.org

Re: Very impressive CSS3 demo: CSS3 Planetarium

#2

Post by jarin » Wed, Mar 16, 2011, 6:41 PM UTC

Looks very nice, reminds me of the Elements app for iPad.

P.S. I don't know about you guys, but it still bugs me whenever I don't see Pluto.

Re: Very impressive CSS3 demo: CSS3 Planetarium

#3

Post by checker » Wed, Mar 16, 2011, 6:41 PM UTC

The article points it out, but the text comes in from different directions depending on whether you're clicking on the planet or scrolling to it from the side.

Nice touch.

Re: Very impressive CSS3 demo: CSS3 Planetarium

#4

Post by stevelosh » Wed, Mar 16, 2011, 6:42 PM UTC

And here's what it looks like in IE9: http://twitpic.com/4a3kyw/full

Re: Very impressive CSS3 demo: CSS3 Planetarium

#5

Post by rkalla » Wed, Mar 16, 2011, 6:51 PM UTC

I still read this word as "Planeh-arium" in my head. Maybe a bad reference :)

Re: Very impressive CSS3 demo: CSS3 Planetarium

#6

Post by mrspandex » Wed, Mar 16, 2011, 6:56 PM UTC

stevelosh wrote: post #4

And here's what it looks like in IE9: http://twitpic.com/4a3kyw/full

Also doesn't work in FF 3.6 or Opera 11...

Re: Very impressive CSS3 demo: CSS3 Planetarium

#7

Post by micheljansen » Wed, Mar 16, 2011, 6:58 PM UTC

It looks awesome on Chrome, but there is a slight glitch in the shape of a flash that occurs once all animation appears to have finished. Anyone else experiencing this?

Re: Very impressive CSS3 demo: CSS3 Planetarium

#8

Post by J3L2404 » Wed, Mar 16, 2011, 7:02 PM UTC

Crashes Safari on iPad iOS 4.3

[EDIT] On iPad 1.

Re: Very impressive CSS3 demo: CSS3 Planetarium

#9

Post by crowdcs » Wed, Mar 16, 2011, 7:04 PM UTC

I let out a sigh when I saw redundant but understandably necessary function calls to support all browsers. Is there hope in seeing stuff like this consolidated anytime soon? -moz-transform:... -webkit-transform:... -o-transform:... transform:...

Re: Very impressive CSS3 demo: CSS3 Planetarium

#10

Post by rheide » Wed, Mar 16, 2011, 7:07 PM UTC

I feel sorry for Pluto :(