Asymmetrical Hover Transitions (on mouse-in / mouse-out)
The components Hover State is improving with each XD update, but a feature that would be critical to me is the possibility to have asymmetrical hover timings.
Example:
- on mouse-in: 0s (instantaneous)
- on mouse-out: 0.2s ease-out
Maxime Monrat
shared this idea
Thanks! You can actually do this already by manually setting up the hover. I've recorded a GIF for you (attached) to show you how I did this with my component. Instead of setting up the component as a hover state, just add a new state and manually add the interaction. Hope that helps!
-
Thank you so much for this quick response, however this solution does not work for me:
I can set up the hover state manually, but the prototype is only taking the animation from Default to Hovered into account (mouse-out does not work).Here is a small video demonstrating this problem
