Proximity animations, which are usually driven by the position of the mouse pointer relative to an element or series of elements on the page, are an awesome effect. While not suitable on all sites and in all contexts, it can add real flair when used in certain situations.
The effect isn't often very accessible, and pretty much shuts the door on non-mouse users, but it can be implemented as an additional bonus to visitors that are able to make use of it, while at the same time providing other, more accessible forms of interaction.
In this example, we'll create an image scroller that is triggered when the mouse pointer enters its container. The speed that the images will scroll will be determined by the distance of the mouse pointer from the center of the container. Moving the pointer will slow down or speed up the animation accordingly.
