How to transition between two SVG images?

Question

Hi,

I have a div with a background image set to an SVG image. I need to transition between two SVG images, how would I accomplish this? I am referring to CSS 3 transitions, but other solutions are also welcome.

Answer 1

It could probably be done with jQuery. Use two divs, one visible, and the other hidden. Then:

$("#transition_from_div").hide('fast');
$("#transition_to_div").show('fast');

All this is doing is using JavaScript to animate the each div's CSS properties.