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

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

Community Beginner ,
Oct 01, 2020 Oct 01, 2020

Copy link to clipboard

Copied

 

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

Views

1.9K

Translate

Translate

Report

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.

Votes

Translate

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

Copy link to clipboard

Copied

Hey 

try t like that

You have 3 layers 

Text

Border

Fill Quare

 

t1.PNGt2.PNG

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

Edit 

 

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

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

LATEST

Just did that and it worked! Thanks!

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

Thanks Kenneth! It worked.

Votes

Translate

Translate

Report

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