Gears – further experiments in HTML 5

Wed, 15 Jun 2011

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!