Skip to main content

Surfin' Safari turns up new 3-D HTML5 tricks that give Flash a run for its money

If you head over to Surfin Safari, Webkit’s blog of new features, you’ll find some neat new HTML5 3-D tricks that Safari 4 (including the latest Webkit builds and Mobile Safari on the iPhone) can do without breaking a CPU sweat.  We had our doubts (and still do to a degree) but this is the kind of animation that makes Flash seem a little less … "necessary". 

In a non-scientific test, running Morphing Power Cubes, the browser used 5% of the CPU.  Flash usually starts at around 30% just to be activated.  These examples also run incredibly smooth on the iPhone and iPod touch. 

Other interesting examples (Make sure you are using a recent Webkit build or Safari in Snow Leopard): Poster Circle, Perspective, Transform Style…and our favorite: Morphing Power Cubes

 

 Here’s another fun oneChromeExperiments hosts many more (thanks commenter).

FTC: We use income earning auto affiliate links. More.

You’re reading 9to5Mac — experts who break news about Apple and its surrounding ecosystem, day after day. Be sure to check out our homepage for all the latest news, and follow 9to5Mac on Twitter, Facebook, and LinkedIn to stay in the loop. Don’t know where to start? Check out our exclusive stories, reviews, how-tos, and subscribe to our YouTube channel

Manage push notifications

notification icon
We would like to show you notifications for the latest news and updates.
notification icon
You are subscribed to notifications
notification icon
We would like to show you notifications for the latest news and updates.
notification icon
You are subscribed to notifications