How TO - Image Hover Overlay

Learn how to create image overlay hover effects.

Image Overlay Fade

Learn how to create a fading overlay effect to an image, on hover:

Example

Fade in text:

Hello World

Try it Yourself »

Example

Fade in a box:

John

Try it Yourself »

Tip: Go to our CSS Images Tutorial to learn more about how to style images.

Also check out: Image Overlay Slide, Image Overlay Zoom, Image Overlay Title and Image Overlay Icon.