Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

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

Community Beginner ,
Oct 01, 2020 Oct 01, 2020

 

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.

TOPICS
How to , Prototyping
2.1K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Oct 01, 2020 Oct 01, 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.

Translate
Community Beginner ,
Oct 01, 2020 Oct 01, 2020

Hey 

try t like that

You have 3 layers 

Text

Border

Fill Quare

 

t1.PNGt2.PNG

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 01, 2020 Oct 01, 2020

Edit 

 

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 01, 2020 Oct 01, 2020
LATEST

Just did that and it worked! Thanks!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 01, 2020 Oct 01, 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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 01, 2020 Oct 01, 2020

Thanks Kenneth! It worked.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines