I want to make for all images in my design Zoom in effect on hover (while hovering). So far the only way I can see is to make a Frame with Open overlay on top with Dissolve animation. As you can image it’s not in any way looks like Zoom in effect. I can also make for each image a separate artboard a…

Hi @Pavel_Guzenko , it’s very easy to do it. Create two components: 1st — default state; 2nd — with an enlarged image. Combine them as variants. Create a “While hovering” interaction using an “On change” action between variants. Add an instance of this component to your frame and run the prototype. …

Is there a way to make zoom in on hover effect for images?

Interactive Components Questions

tank666 December 2, 2021, 9:19pm 5

I made an example for you. Duplicate this file to see how it works.

Design file:

Prototype:

1 Like

Override images in interactive components/variants with zoom effect on hover

Prototyping

Topic		Replies	Views
Please help - Trying to create a zoom effect on hover Ask the community	1	973	December 27, 2022
Override images in interactive components/variants with zoom effect on hover Ask the community variants , figma	28	7580	May 8, 2024
Prototyping Ask the community	4	334	December 26, 2023
Zoom in on part of image on hover Ask the community	1	2018	July 25, 2021
Hover effect Ask the community	2	296	November 28, 2022

Is there a way to make zoom in on hover effect for images?

Related topics