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 and use Smart animate, but then I will have to have like tens of artboards. Is there a simpler way?
Solved
Is there a way to make zoom in on hover effect for images?
Best answer by tank666
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.
If you need a file, let me know.
This topic has been closed for replies.
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.
If you need a file, let me know.
UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank666
hey! i would appreciate a more detailed explanation if possible. thank you!
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.