In the example below, when someone hovers on top of the image, the image zooms in slightly as well as produces a darkened overlay. When the mouse is moved off the target, this effect fades out back to a normal image. This was done with pure CSS.
Dark overlay only
The first example was a combination of effects. This example demonstrates just one of those effects: the hover-overlay effect.
Image zoom only
This example demonstrates only the zoom-in effect, without an overlay.
