Skip to main content
jonalange.de
Known Participant
Oct 29, 2020 3:05 PM UTC
Question

Hover effects are only animated on mouse of, not on

To wrap it up simple:

 

For example I got a line that is hidden by default and I want it to "grow" to the right (for underlining a word for example). On hover the line just appears out of nowhere, only when I put the mouse somewhere else the line animates smoothly.

 

Is this intended? 

What am I doing wrong?

 

In the prototype settings I set it to autoanimate for both states to the other.

 

Would be great if somebody can explain how I can achieve this.

 

This topic is closed to new replies. Start a new post to keep the conversation going.

2 replies

Rishabh_Tiwari
Rishabh_Tiwari
Legend
Oct 30, 2020 4:56 PM UTC

Hi there,

 

Thanks for reaching out. This generally happens because of the component container size(Hover area). Please try reducing the container size and check if that makes a difference.

 

Let us know if this helps or if you need any further assistance.

 

Regards

Rishabh

Translate
jonalange.deAuthor
Known Participant
Nov 3, 2020 10:35 AM UTC

Thank you very much for your reply.

 

But what do you mean to "reduce the container size"? 

The font should have that size, how do I make it smaller without changing my layout?

Translate
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices