Animation & Hover Effect

Hi @lindseygem

Thanks for updating the links and sharing the video.

I can see that opening your project this morning that there are no longer any interactions set on the elements in question and that it seems to be working the way you want it to?

CloudApp

It’s a tricky thing using hover state mixed with interactions, and they shouldn’t be combined. The hover states are applying a style, while the interactions are creating a CSS animation and they often conflict, which creates the issues you may be having.

With CSS animation, you often have to give a starting point, and this is what can conflict with what you’ve told the style panel, especially when using the transform tool to rotate or skew for example.

If you’re still having trouble, or would like to achieve a different effect, please reach out again and I’ll be happy to help :slight_smile: