Live data from Hacker News

Very impressive CSS3 demo: CSS3 Planetarium

hacks.mozilla.org

41–50 of 62 posts

Re: Very impressive CSS3 demo: CSS3 Planetarium

#46
post #31

Moving the left and right arrows with the cursor is a great idea, especially since they don't move until you get close. It might be nicer if they would animate to the position when you first move the cursor over, though. It's kind of jumpy as is. That pattern just might catch on.

There's a bug though. If you click on first/last planet then the arrow will not appear at all. Naturally you expect right arrow when clicking the first planet. Vice versa.

Re: Very impressive CSS3 demo: CSS3 Planetarium

#48

Earlier quoted context omitted.

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

It's a Firefox 4 demo site, so 3.6 isn't supported. It should, however, work on most modern browsers.

It works in Chrome latest, but it is a bit laggy on what should be powerful and fairly modern laptop (Core i5, Windows Rating 5.9). I guess it's about 10 fps away from what I would consider "sufficiently" smooth, but maybe that goes more along the lines of showing what people now have come to expect of the web rather than being a shortcoming of HTML/JS-solutions.

As for this thread, today I learned that MSIE9 is actually released. Time to get updating :)

Re: Very impressive CSS3 demo: CSS3 Planetarium

#49

That is really awesome - but one thing (which is just an observation, not a complaint) I've noticed with all the CSS3 super-cool demos like this is that everything is very "linear". All the animation stuff happens in straight lines or repeating patterns (of circles, in the demo) which gives the page a certain feel. I wonder if it's the start of an effect that will eventually be used to carbon-date websites... "Ah loo…

Not all the transitions are linear. In the cases where they are, it's obviously a design choice.

It might be that because they're moving fast that you perceive it that way. But most of the animations have easing. Ease in and out on almost all the animation styles.

http://mozillademos.org/demos/planetarium/css/style.css

Post reply on HN