I have created an animation from an original design for our site and all works fine... except... I am using key-frames to animate the opacity of some text and not all browsers seem to like this. I have a second animation which rotates the main symbol and this rotation again is not recognised by older browsers. Fortunately on both of these projects it is not the end of the world, however, I would love to learn how to make a fall-back. A standard fall-back to a poster is one thing - but what of the browsers which render the Edge animation but not utilise all the animated features? Are there ways to allow me to read the browser compatibility and direct to an alternate animation or simpler gif for instance?
Since posting this, I've researched various writings on css opacity & transitions' browser compatibility. It seems that the opacity and rotation features I see not working on an ipad1 should actually work. Any advice here?