Skip to main content
Sérgio Mafra
Sérgio Mafra
Participant
Oct 1, 2020 7:43 AM UTC
Answered

Hover effect on a button with auto-animate not working properly

 

The hover effect is not auto-animated. It just switches between states instantly! What am I doing wrong? How to solve it?

 

Thanks in advance.

This topic is closed to new replies. Start a new post to keep the conversation going.
Kenneth Kawamoto
Kenneth KawamotoCorrect answer
Community Expert
Oct 1, 2020 8:11 AM UTC

Auto-animate only works on certain properties:
https://helpx.adobe.com/uk/xd/kb/supported-auto-animate-features-in-xd.html

Fill colour and text colour are not supported. As a workaround, you can change the opacity of the button state to get the desired effect, for example.

View reply

5 replies

Kenneth Kawamoto
Community Expert
Kenneth KawamotoCommunity ExpertCorrect answer
Community Expert
Oct 1, 2020 8:11 AM UTC

Auto-animate only works on certain properties:
https://helpx.adobe.com/uk/xd/kb/supported-auto-animate-features-in-xd.html

Fill colour and text colour are not supported. As a workaround, you can change the opacity of the button state to get the desired effect, for example.

Translate
    Sérgio Mafra
    Sérgio MafraAuthor
    Participant
    Oct 1, 2020 10:12 AM UTC

    Thanks Kenneth! It worked.

    Translate
    Arthur5E85
    Participant
    Oct 1, 2020 8:11 AM UTC

    Hey 

    try t like that

    You have 3 layers 

    Text

    Border

    Fill Quare

     

    Translate
      Arthur5E85
      Participant
      Oct 1, 2020 8:12 AM UTC

      Edit 

       

      The Bottom Layer is where you change the oppacity in STandart state 0% in Hover 100 %

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