Skip to main content
Solved

Glide (Hover) to reveal?

Ivan1905

Hi is this possibel to do on Figma? I am aware it is coding, but is their a simple way to do so on figma.

 

https://codepen.io/jh3y/pen/JjxPKXz

 

Best answer by Nate_G

​@Ivan1905 Not as fancy as the code, but you can use a hover + smart animation effect to get somewhat close to that.
 

https://www.figma.com/proto/LxISnpWOJDv0HB0vAfQGC6/Hover-to-Review-Code?page-id=0%3A1&node-id=6-26&viewport=764%2C467%2C0.64&t=yLeAckuoCzbGhvW7-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=6%3A26&hotspot-hints=0

View the Figma file >

View original

3 replies

Nate_G
  • Nate_G
  • Power Member
  • 177 replies
  • Answer
  • March 18, 2025

​@Ivan1905 Not as fancy as the code, but you can use a hover + smart animation effect to get somewhat close to that.
 

https://www.figma.com/proto/LxISnpWOJDv0HB0vAfQGC6/Hover-to-Review-Code?page-id=0%3A1&node-id=6-26&viewport=764%2C467%2C0.64&t=yLeAckuoCzbGhvW7-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=6%3A26&hotspot-hints=0

View the Figma file >

Nate G
Ivan1905
  • Ivan1905
  • Author
  • New Member
  • 1 reply
  • March 19, 2025

Hey Nate, this is amazing, thanks so much, although for my File I am using a image instead of numbers, and it seems like it zooms into the the image from the top Left, and no centrally, do you know how to fix this? Here is the file.

https://www.figma.com/design/mrSymNNo62DFFfdx9CA4Y8/Stamp-(Glide-to-Hover)?node-id=0-1&p=f&t=evSSQmxxqPoRYxnS-0

 

 

Nate_G
  • Nate_G
  • Power Member
  • 177 replies
  • March 19, 2025

​@Ivan1905 if you want it to scale from the center, add auto-layout to both variants in that component (see below).


 

https://www.figma.com/proto/eI0NX0WhtzaUDXwW2fL9qj/Stamp-(Glide-to-Hover)-(Copy)?page-id=0%3A1&node-id=2001-7&viewport=833%2C330%2C2.29&t=eG1DOdE863FE6lnK-8&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=2001%3A7&hotspot-hints=0&hide-ui=1

 

Nate G

Reply


Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings