how to setup different animation for in and out

[GiorgosK]

Suppose one wants to have different animation for when element is entering threshold and different when exiting
Is there an easy way without resorting to javascript solution ?

[mciastek]

I think you'll need to use some extra javascript to achieve the effect. You try to use events and add a custom CSS class with leaving animation. You need to remember to remove this leaving CSS class after the animation is done, in order to not broke your animations when you'll play them again. You can add a transitionend to element that is being animated and clear the class in an event handler.