Mobile Friendly Website


Doing it with style

CSS DEMOSSuper animation - just for the fun of it

Date : 23rd April 2006

For all modern browsers

Move the mouse SLOWLY in any direction over the images


As I am getting a bit tired of doing css for real applications, so I have decide to do this just for the fun of it.

Based on an original piece of work by, this has been modified to make it simpler and to make it 'almost' work in IE5.01, IE5.5 and IE6 (and probably IE7).

It works as required in Firefox where all you need do is hover the mouse over the above image to see it move all by itself. It may take a second or two to start the animation, depending on how fast a connection you have,

Internet Explorer requires the mouse to be kept moving in any direction. The speed of movement governs the speed of the animation.

Opera 9, Mozilla 1.7.13 and Netscape 8.0 all work in a similar fashion to IE.

Feedback on whether other browsers are up to the challenge would be appreciated.

...and remember this is just for fun ;o) a break from real applications.

26th April 2006

Style and markup completely rewritten to make it smoother in Internet Explorer, moving the images from background to foreground and using single frame images rather than a film strip.

9th September 2009

No longer works in Firefox but does in IE7 but not in IE8.

Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.

  1. If you are using this on a personal web site then please retain the copyright comment in the stylesheet.
    A support donation is now required for this demonstration.
  2. If you are using this on a commercial web site, or as a paying job for a client, then please email me asking for permission - stu{at} and again a support donation is required.
  3. If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page