How To Have Different Transition Durations For Css And Angular Transition On Same Element?

Given a simple angular ng-repeat list:

• {{property}}

I have a simple css animation for a mous

Solution 1:

This JSFiddle I came up with shows that there is a slight trick for CSS OnMouseOut action:

li:not( :hover ){ ... }

I hope it helps,

Andrew