Hover state issues on a browser prototype

Question

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 Answer

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-animate-is-used/m-p/11644498?page=1#M41867

https://community.adobe.com/t5/adobe-xd/prototype-on-browser-causes-issues-with-auto-animate/m-p/11613265?page=1#M40815

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

Regards

Rishabh

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.