Skip to main content

Trying to override images so that the image zooms in on hover, but all it does is show the original image from the hover variant. Any ideas? Tks!!

Your problem is that you have added an extra fill in the hover variant. Delete this fill and add a new layer instead.


The structure of the variants will be like this:


Default

    Overlay (hidden)

    Image



Hover

    Overlay (visible)

    Image

this worked thank you so much!

@tank666 Thanks for the file reference, worked like a charm! 🤘

check this out: 

 

Trying to override images so that the image zooms in on hover, but all it does is show the original image from the hover variant. Any ideas? Tks!!

To achieve the zoom effect on hover without showing the original image, you need to ensure that the hover variant scales the image properly. Instead of just switching the image on hover, apply a scale transformation to the hover variant. This way, the image will zoom in without returning to the original. Make sure to use "smart animate" between the variants for smooth transitions.

Reply


Terms & ConditionsCookie settings