Further experiments with HTML 5 and CSS 3 to create animations. HTML 5 and CSS 3 are - I'm hoping - the new, upcoming standards for web based animation. The authoring tools aren't anywhere near as slick as Flash yet so it's taking me a while to get this right. as From what I can see this gear seems to mesh a bit better than the Rack and Pinion animation. I can see it okay on the browsers on my Mac and iPhone. Please let me know if it works for you, or if it doesn't!

---edit---
Hmm, in Firefox the two gears drift towards each other as they rotate as if they are not rotating about their centres.

It was easier with Flash!

Keep up to date: Receive the latest blog post by email

Here's a quick experimental animation I created using program called hype that helps create animations in HTML 5 and CSS3. All things being equal I'd carry on creating animations using Flash but Steve Jobs, in all his infinite wisdom, has taken against Flash for some reason. The end result is that users of iphones and ipads can't see the animations on my site.

The question is, then, can you see this animation okay? If you can (or can't) please let me know by comment below or by email letting me know which computer and which browser you are using. Thanks!

Keep up to date: Receive the latest blog post by email