Hover state issues on a browser prototype

[Emilia5EEA]

Hi all,

I'm working on a desktop prototype, and including quite a lot of hover states (zoom on hover, animated buttons, etc.). On the preview, everything works fine, however, after sharing the prototype and generating the link, in the browser I get a hover state error, animated elements 'jumps', text in buttons moves up on hover even though it was not designed that way. Maybe someone has experienced a similar issue before?

I used this tutorial to animate the buttons for example:

https://www.youtube.com/watch?v=9zmk41KxgaQ

Unfortunately, in the browser, my buttons are not working this smoothly - only in the preview.

Thanks for your advice and help

[Rishabh_Tiwari · Accepted solution]

Hi Emilia,

Sorry to hear about the trouble. I found similar discussions which you can refer to:

https://community.adobe.com/t5/adobe-xd/typography-jumps-up-down-in-browser-prototype-when-auto-anim...

https://community.adobe.com/t5/adobe-xd/prototype-on-browser-causes-issues-with-auto-animate/m-p/116...

Please try the suggestions shared there and let us know if that helps or if you need any further assistance.

Regards

Rishabh