Star Wars intro using CSS3 and HTML5

Re:Star Wars intro using CSS3 and HTML5 by teilo on Tuesday December 01, 2009 @10:28AM (#969870)

For me, it crashes Firefox 3.5.4 on Snow Leopard.

All messed up in Chrome, but it runs: Star Wars logo doesn't shrink to the distance, but just stays on screen and then disappears. Episode text is all scrunched up.

Safari 4.0.4, on 10.6, worked just fine.

Obviously we are going to need an Acid test for Canvas.

[ Parent | on HN ]

Re:Star Wars intro using CSS3 and HTML5 by JanHancic on Tuesday December 01, 2009 @10:32AM (#969873)

This doesn't use Canvas, only CSS. And there is only 1 line of JavaScript code, to delay the playing of the music.

[ Parent | on HN ]

Re:Star Wars intro using CSS3 and HTML5 by teilo on Tuesday December 01, 2009 @01:32PM (#970307)

You are right. This is done with webkit-specific animations, transitions, and 3D transforms, which Apple has proposed as modules for CSS3. As all of these modules have yet to reach the status of recommendations, I think that the title of this post is a bit deceiving. For now I have to call this a proprietary webkit demo.

[ Parent | on HN ]

Re:Star Wars intro using CSS3 and HTML5 by Retric on Tuesday December 01, 2009 @10:42AM (#969891)

Not a big deal, but it also fails on IE 7.

[ Parent | on HN ]

Re:Star Wars intro using CSS3 and HTML5 by tvon on Tuesday December 01, 2009 @01:22PM (#970277)

Crashing FF seems fairly unacceptable, you'd think it would just render it incorrectly.

[ Parent | on HN ]

Re:Star Wars intro using CSS3 and HTML5 by Nogwater on Tuesday December 01, 2009 @11:36AM (#970030)

It crashes FF 3.5.5 on Snow Leopard too. Someone is going to have fun with it.

[ Parent | on HN ]