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

Recreation of the map found at  https://www.netflixshadowandbone.com/map

This cloneable is for learning purposes only. I do not own the rights to this design and content.

Draggable Map

Expanding Team Slider

Flowcraft

Update! This interaction is now available in Relume Library Extended:
https://library.relume.io/folder?folder_id=9048b939-9ebd-40bf-bada-0dccb2517c32

I created this effect for a client project and wanted to share it with the community as a cloneable.

It's all done with IX2.

The effect is on the "Products Template" page.

Hope you get some use out of it :-)

Product Zoom Effect

Product Image Zoom and Follow Mouse

Image hover zoom effect only with Webflow IX2. Maybe there is a better way :D
-
Forum post > https://forum.webflow.com/t/how-to-create-hover-over-effect-for-magnifying-images-on-pages/78225/3

Image Zoom Test

Image zoom effect

Back from a week off, here's an entirely native zooming and panning interaction for all that delicious detail in your photos.

✅ Native Interactions
🚫 Custom Code

--

Follow me on Twitter: https://twitter.com/kevinhaag
Subscribe on Youtube: https://youtube.com/kevinhaagsucks

Zooming & Panning Images

MM—013: Zooming & Panning Images

Welcome to daily interaction #111.

This demo showcases a product card with a zoom animation on hover. When the user hovers over the product image it scales up to zoom so the user can see more details about the physical product. This effect was accomplished by placing the image div inside of a wrapper with an overflow of hidden. When the user hovers over the image wrapper the image div scales up to double the size. Then with a 'mouse move over element' interaction I have the image move in different directions when hovering over the image wrapper. This allows the user to move around the image and see different parts.

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

WebDev for You - Daily Interaction #111

WebDev For You - Daily Interaction #111

Veza Digital

Beautiful, simple interaction where one section reveals beneath another one which zooms in on scroll.

Reveal Text Under Section

Cloneable Zoom In Parallax Animation

Welcome to daily interaction #99!

This demo showcases an image zooming out when hovering over each card. This effect was achieved by setting the overflow of the card wrapper to hidden. Then an image wrapper was placed inside of card wrapper. With interactions the image was scaled to double the size and set as the initial state. The initial opacity was also set to 0%. Then I have the image scale back to 1 and the opacity come back to 100% to create the zoom out effect. The text also changes color on hover to achieve better contrast with the image behind it.

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

WebDev for You - Daily Interaction #99

WebDev For You - Daily Interaction #99

This widget allows to insert a magnify glass effect over the images of your built in Webflow website.

Magnify Glass Cloneable

Magnify Glass

This widget allows to insert a cool zoom effect over the images of your built in Webflow website.

Medium Zoom Image Cloneable

Medium Zoom

Here a nice little way to show off four items in a collection using horizontal scrolling. You can easily adjust the interaction to land where you want or add a couple more items to the line if you need.

Horizontal Scrolling Section 2

Nice Horizontal Scroll Section

Kylinn's Workspace

Here is my 2023 portfolio website, showcasing reactive sliding carousels, image zoom, and text animations.

Kylinn Jimenez

kylinn-jimenez

Studio 03 Ecommerce | Photography Site V2

Professional Photographer Kresh Juraga reached out to me to create a unique, dynamic experience for his site. Engineering his own sets and lights, he wanted to sell his own tools so that people all over world can create his beautiful sets and backdrops in their own homes. 

His Site:
- Organized to be SEO friendly and strategically designed for his target audience
- Featuring text and image scroll animations, e-commerce functionality, hover and glow FX, Filtered CMS gallery, plus more. Check out the shopping page too ;)

His website and business is continuously evolving:

V3 showcases a much simpler background, add-ins include a carousel of his team, a form instead of a contact link and product models

Our next big project will be to integrate a custom magazine-styled blog to his website, and to continue editing his copy. Stay tuned for V4.

Discover imagezoom websites built by the Webflow community

Discover imagezoom websites built by the Webflow community