Image Hover Effects

The image has a full width and height overlay that appears on hover when viewed on computers. It has a choice of 15 animation types using a tiny custom stylesheet for maximum efficiency.
The overlay has a heading and text and an optional link which can be configured to open internal or external pages and has a new window option. Its background color and opacity can be edited.
On touch devices, the items in the overlay move down below the image to be in view on page load.
The example above shows the use of the container options with a 1px black border to sharpen up the image edges and an offset box shadow to lift it off the canvas. The shadow has controls for the X and Y shadow radius and checkboxes to change their direction. There is a separate control for the shadow spread radius and the shadow color has an opacity control.