# FadeAndSlide fade-and-slide.less

`mgcrea.ngMotion.fade-and-slide`

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

##### fade-and-slide

## Usage

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.