Discover the best imagereveal websites created by professional designers. Get inspired and start planning your perfect imagereveal 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

A scroll-into-view animation that animates teaser images as soon as they come into the viewable area of the page visitor. This works with background videos as well (last item).

Tutorial: https://youtu.be/75xVsFPtWz0

Portfolio Grid with Teaser Animation

Portfolio Grid Teaser Animation

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

The only word I could think of for this rhyme was shelve, now let's build daily interaction #12!

This demo showcases images revealing on scroll.

To view more daily interactions and premium content visit: https://www.webdevforyou.com/

WebDev for You - Daily Interaction #12

WebDev For You - Daily Interaction #12

Hi, this week I have fun to re-create this great effect made by https://dynamic-frame.ch. 

The video is available on my Youtube Channel https://www.youtube.com/alextourgis

Webflow Tips / Click & hover animation

Webflow Tips / Click & Hover Animation

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.

Welcome to daily interaction #3.

Start two projects for free, and let's build daily interaction #3!

This demo showcases an image slice reveal effect on load.

To view more daily interactions and premium content visit: https://www.webdevforyou.com/

WebDev for You - Daily Interaction #3

WebDev For You - Daily Interaction #3

I like to play basketball now and then, now let's build daily interaction #10!

This demo showcases a product with an image reveal on load.

To view more daily interactions and premium content visit: https://www.webdevforyou.com/

WebDev For You - Daily Interaction #10

Spirit Sushi is a sushi food truck restaurant/service located in California. They host events, birthday parties and are located at three locations around Los Angeles.

The design has a professional/clean vibe that features smooth image reveals and text fade transitions. 

Want to work with us? Contact: jcs@zorrowebdesign.com



Spirit Sushi

Spirit Sushi Food Truck Restaurant/Service

Stand Out - Free clonable template to help you with building the perfect website.

Made it to help people with a clean, light & easy-to-use template. All imagined & designed by myself using Figma (file can be given if wanted :) ). 

Composed of one Homepage & a Landing Page with form, all usable using a free Webflow version. There are a few sections you can copy/paste to build your perfect page.

Fonts used: Rubik (Google Font)

Images: Unsplash (edited with Photoshop)

Fell free to use this template and share me the link so I can see what you've done with it!

Will do more of those for sure :)

I'm providing UI/UX & Branding services as a freelancer.
Help with optimization & customization can be done, just drop me an email.

-> Website - https://www.benbak.fr/

Stand Out

Stand Out - Home & Landing Page template

Dark/night mode with no custom code, along with a bonus reveal on hover interaction (both are responsive on all viewport sizes). I hope you find this useful :)

Night Mode

Dark/Night Mode + Reveal Image on Link Hover

Recreation of https://ckms.design hero section as a personal challenge. Project list loads up and filters from a CMS collection.

I do not own the rights to the content.

Owners of the projects:

→ Aize - https://www.behance.net/gallery/140007093/Aize
→ Berlin 1910 - https://www.behance.net/gallery/117034669/Berlin-1910
→ MUSHROOM - https://www.behance.net/gallery/140290203/MUSHROOM-Wireless-charger
→ Porsche Design Watch - https://www.behance.net/gallery/116317977/PORSCHE-DESIGN-WATCH-vision
→ Roly-Poly - https://www.behance.net/gallery/147984511/Roly-poly-modular-lighting
→ Spark Smart Grill - https://www.behance.net/gallery/149272383/Spark-Smart-Grill
→ Theferruat - https://www.behance.net/gallery/135610425/Coffee-Grinder-Theferruat


inhance

Hero section with CMS collection of projects (with filters)

I used webflow interactions and some custom JavaScript to create these cool animations and smooth scrolling effects.

Qruize

Personal Portfolio

I tried to recreate what Nelson was creating in his live stream. Hover things and such. I think this is scalable.

Discover imagereveal websites built by the Webflow community

Discover imagereveal websites built by the Webflow community