Mouse hover initial trigger issue

Design help Webflow integrations
1

The mouse hover animation on the thumbnail images in the lightbox elements on this site fail to trigger on the initial mouse hover and then work as expected. Any suggestions how to get the animation to work on first mouse hover?

Thanks, David

https://preview.webflow.com/preview/db-ie-website?utm_medium=preview_link&utm_source=designer&utm_content=db-ie-website&preview=a207e5b6137b42d3c62ace04673d89bf&workflow=preview

2

Your initial state is already at 1.1 scale on Hover Out. Just delete the initial state (so scale starts at 1 before hover) and it will trigger on initial hover.

image
image233×808 15.2 KB

Delete the highlighted interaction in the screenshot and it should work. Also its better to trigger on class instead of individual element so you do not have to set the interactions one at a time.

1 Like
3

Hi Ji,
Thank you so much for solving the issue I had and now that I understand why it happened I will also change the trigger to the class instead of the object as you suggested so kindly

1 Like