I’m experiencing an issue, where if I apply an animation with the animation pane to an element, whatever hover transformation I have applied to that element does not show. It will play the animation and the hover effect in the designer, but once the website is viewed in preview mode or in the published environment, the hover effect does not register.
I’ve tried this with a few different hover effects, and it seems to happen when an item has directly applied the hover and the animation. If the animation is on a wrapper around the group of items, the hover state will work fine.
I need them to be individually triggered, is there any solution to this?
On the homepage, the services cards that animate in, also have a rotate hover efect.
Here is my site Read-Only: LINK