Auto-animate support for shadows
When I animate drop-shadows on an element it doesn't animate with the rest of the element. Only after the element has animated does the shadow jump instantaneously from value set A to value set B.
Soren Romer
shared this idea
Hello Soren:
Thanks for sharing your feedback! This is working as expected today. See our helpX page for elements which can be animated, https://helpx.adobe.com/xd/help/create-prototypes-using-auto-animate.html
But this is a great feature request! I’ll move over to the forum for the team to review.
Thanks!
Nina
Adobe XD
7 comments
-
Julius
commented
When I create buttons in Xd, I want to save them as a component, add a hover state to it and add a shadow so it looks lifted. Right now Xd only supports changing color, outline and maybe size but managing shadows is not possible. Please add!
-
Nathan Wells
commented
Yes, please! Looks really bad when the shadow just "appears" out of nowhere instead of fading in/out.
-
Cyrill Studer commented
Support auto-animate for drop shadows by fading in/out.
Please also support color transitions
-> https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/35804221-support-color-transitions-in-auto-animate -
Ryan Wells
commented
We really need the shadows to animate in our prototypes, e.g. off canvas mobile menu, animated raised buttons on hover.
Is this on the roadmap yet?
-
Michael Harclerode
commented
Very much appreciate the workaround from Josh, but strongly vote feature. I have such a simple need to fade shadow in or out (and also to animate the blur to 1px to effectively have the drop shadow transform into a divider line)
-
Dennis
commented
Way to less votes than this feature request deserves.
-
Josh Zinsser commented
Just wanted to mention that you can work around this by duplicating the object, applying the drop-shadow to the duplicated object in the background, then having that background object change in size and/or opacity to create various effects on the drop shadow, such as emerging from behind the object or fading in.