Skip to main content

Does anybody know how to create this cool image hover effect as shown on this festival’s website?


When you hover over the linked categories, a different image pops up and the image gently floats and slides a bit across the web page before returning to its original location.


I’ve tried creating a variety of different frames with hover interactions, turning the images into components and smart animating - but I can’t quite figure it out. I’ve been able to make the image slide by creating two separate frames and adding image components + after delay variants, but I don’t know how to get the image to reset to its original location each time it hovers over a link. Right now, once the hover interaction is triggered, the image will slide into a new position and stay there for all future occurrences of hover.


Any suggestions?

Be the first to reply!

Reply