Image Reveal Hover Effects

A set of link hover effects that reveal a thumbnail in different creative ways.
HoverImageReveal_featured

From our sponsor: Design every part of your website with the Divi Theme Builder.

Today we’d like to share a set of link hover effects with you. The main idea is to reveal a thumbnail image with a special effect when hovering a link. The inspiration for this idea comes from the effect seen on Fuge’s website where you can see a thumbnail showing when hovering the underlined links. More effect inspiration comes from Louis Ansa’s portfolio and Zhenya Rynzhuk’s Dribbble shot “Blown Art Works and News Platform”.

The animations are made using TweenMax.

Attention: Note that we use modern CSS properties that might not be supported in older browsers.

Have a look at some of the effects:

Hoverreveal01

Hoverreveal02

Hoverreveal03

We hope you like this little effects and find them inspirational!

References and Credits

Tagged with:

Mary Lou

ML is a freelance web designer and developer with a passion for interaction design. She studied Cognitive Science and Computational Logic and has a weakness for the smell of freshly ground peppercorns.

http://www.codrops.com

Stay up to date with the latest web design and development news and relevant updates from Codrops.

CSS Reference

Learn about all important CSS properties from the basics with our extensive and easy-to-read CSS Reference.

It doesn't matter if you are a beginner or intermediate, start learning CSS now.