如何使CSS过渡工作“倒退”？

So I have this transition on hover, that makes a border at the bottom of the element that is being hovered over. All is well there, but when the mouse leaves the element, the border simply disappears, while I want it to "retract" back again. So I have this transition on hover, that makes