Fancy slide animation that leverages CSS3 keyframes, see browser support.

This animation works with translateX/Y, opacity animating respectively from 0% to 20%, 0 to 1.

Live demo



Append one of theses classes am-fade-and-slide-top, am-fade-and-slide-right, am-fade-and-slide-bottom, am-fade-and-slide-left to enable theses transitions.

AngularStrap integration

You should use the data-animation attribute with AngularStrap.