Discover the best image-reveal websites created by professional designers. Get inspired and start planning your perfect image-reveal web design today!

When you hover over a tool, it'll reveal a thumbnail preview of the website you're about to visit, and the image will follow your cursor around (behind the content) as you hover over the link.

Flowmingo Mini #6 - Final

Image Reveal on Hover & Mouse Cursor Follow Interactions

Example of a section using an hover link effect to display an image. With this type of section, you can for example highlight your work.

PS: Follow us to stay up to date on new clonables (many memorable clonables are coming soon)

Relume Library : https://library.relume.io/
Relume University Tutorial : https://youtu.be/3qPemPAjFj4
Images from RiseVerse builds and works : https://webflow.com/RiseVerse

Move the mouse over the link to display an image (CTA)

Move the mouse over the link to display an image

Click on one of the small images in the bottom right to reveal a full screen image

Click to reveal

Click to reveal an image

As soon as the cursor moves over a row in the table, the background appears, which fills the table row from the center. At the same time an image is revealed for each line, which scrolls at a fixed position with the page and could provide a preview of the content. You can also insert a background video here. Discovered on this website: https://neodlx.io

I added an additional line of custom code so that the effect still takes place even if you hover the mouse over the image and there is a table row below it. The image is ignored by the mouse (pointer-events:none).

Tutorial: https://youtu.be/pYPV0g54CU8

Table Hover Animation with Image Preview

Table hover effect with image reveal

With this widget you can create and customize, pixel by pixel completely in Webflow, unique sections with a comparing functionality for your images.  It comes with all the necessary elements to help you show two versions of an image together.

Before and After Cloneable

Before and After Slider

Easily create an interaction to reveal different images while you scroll through sections

Image Scroll Reveal

Watch Me Practice is a twice a week livestream where I work on illustration & UI design stuff in an effort to get better at what I do and share the process with others so they can hopefully learn something along the way.

I went with a dark theme to play on the fact that one of the livestreams is in the evening... You know, after the sun goes down ;) 

My goal was to achieve a very clean / sleek / modern design.

Watch me practice

Watch Me Practice

Arjun Sharma

Image reveal on hover effect for projects section of portfolio site (without code) with CMS and filter.

Image Reveal On Hover + CMS Filter

Image Reveal On Hover Effect with CMS.

Bookmark

Image Reveal

024 - 100 days of @webflow interactions

Inspired by: Bookmark for Image Reveals

----------------- 

Are you a creative director looking to develop your designs with Webflow? Let’s chat
 🔷 https://calendly.com/bookmark-wf/webflow-chat

#24 Static image Revelas

#24 Seven Image Reveal

This is the starter project for the Flowmingo Mini-Project #6.
It includes the colors, fonts & CMS collection that we'll use to build a hover image reveal & cursor follow interaction. 
https://flowmingo-mini-6-cms-image-reveal-hover.webflow.io/

Discover image reveal websites built by the Webflow community

Discover image reveal websites built by the Webflow community