How TO - Image Overlay Slide

Learn how to create image overlay hover slide effects.

Image Overlay Slide

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

Slide in (top):

Hello World

Slide in (bottom):

Hello World

Slide in (right):

Hello World

Slide in (left):

Hello World

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