Shadows don't animate with auto-animate
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.
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.
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
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)
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.