Skip to main content
Sérgio Mafra
Sérgio Mafra
Participant
October 1, 2020
Answered

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

  • October 1, 2020
  • 2 replies
  • 2176 views

 

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 has been closed for replies.
Correct answer Kenneth Kawamoto

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.

2 replies

Kenneth Kawamoto
Community Expert
Kenneth KawamotoCommunity ExpertCorrect answer
Community Expert
October 1, 2020

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.

    Sérgio Mafra
    Sérgio MafraAuthor
    Participant
    October 1, 2020

    Thanks Kenneth! It worked.

    A
    Arthur5E85
    Participant
    October 1, 2020

    Hey 

    try t like that

    You have 3 layers 

    Text

    Border

    Fill Quare

     

      A
      Arthur5E85
      Participant
      October 1, 2020

      Edit 

       

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

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