Experiments in HTML 5 - Part 2

Another coding experiment to see what possible with HTML 5 and CSS3. No so graphically intensive as the HTML5 in part 1 but a bit more complicated from an API point of view. Lots of fiddly bits to work out via trial and error which is not fun; but never-the-less it was an enjoyable exercise. Update:  Now working in Chrome too - see my follow up post to see why it was broken.

HTML 5, CSS 3 and Javascript Training

With HTML 5 and CSS 3 you can add animation to your site easily, while the new API's introduced by HTML 5 allow for the creation of full-client side web applications that are dynamic and persistent.

Check out our HTML 5 & CSS training course or our JavaScript course for web application developers.  
HTML 5, CSS 3 and Javascript Training

With HTML 5 and CSS 3 you can add animation to your site easily, while the new API's introduced by HTML 5 allow for the creation of full-client side web applications that are dynamic and persistent.

Check out our HTML 5 & CSS training course or our JavaScript course for web application developers.  

Browser Woes - Firefox only.

This one only works in Firefox. The animateTransform elements don't agree with Chrome. Its all standard API as far as I can tell. At least if you programme in JavaScript you get some kind of error or can step through code when something doesn't work. With CSS and SVG animations if it doesn't work you on your own and left to blind guessing and trial and error to figure out what's wrong.

See the Pen Jumping Bean by Mark Clarke (@mxc) on CodePen.