Advertisement


How can I create interactive animations without Flash?


Question

I have a client inquiring about the following image having the gears rotate constantly, and also have mouse over interaction shown by the one gear and text being darker.

https://www.dropbox.com/s/n84yizriltx1rj7/RotatingGears.jpg

How would one go about doing this without Flash?

2013/07/17
1
2
7/17/2013 5:10:00 PM

I believe that could all be done with SVG SMIL animation. The immediate drawback to this is that it is not currently supported by any versions of Internet Explorer, so it's a rather impractical solution.[1]

Here's a basic example of a rotating SVG image (borrowed from Wikipedia):

rotating svg example

Mousover effects could be added with JavaScript

2017/03/10
1
3/10/2017 9:42:00 AM