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

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

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

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

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

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

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

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