Our Solar System, an experiment with CSS3 border-radius, -webkit transforms & animations.
Be sure to check out the article for Internet Explorer’s parallel flat universe.
Our Solar System, an experiment with CSS3 border-radius, -webkit transforms & animations.
Be sure to check out the article for Internet Explorer’s parallel flat universe.
Cameron Adams benchmarks animations in HTML, Canvas and SVG versus Flash.
Short version: Flash still wins, but browsers are catching up.
A must see: Roll over the DVD covers on the homepage for some kick-ass WebKit CSS animations.
After a few discussions with my friend, Jonathan Stark, about optimizing WebKit transitions, he put together this fantastic test page for animations. You can use the page to add various effects to two menus, like text shadows and transparency, and then see how they animate. If you view on your iPhone or iPod Touch (not Simulator), you’ll notice a huge performance loss when animating with all the effects on — even though WebKit is still using GPU to process the effects.
2009–2010 David Kaneda