Simple fade transitions for Angular Animate

readme.md

Simple fade transitions for Angular Animate

Works with Angular Route and Angular UI Router.

Simply include Angular Animate and Angular Route/Angular UI Router in your project then add the CSS to your stylesheet. Page transitions should now be animated.

---

I originally wanted to have a fade-out as well as a fade-in, but Angular UI Router injects new content above rather than below old content, so the content fading-out was being shunted down. I you know a workaroud don't hesitate to comment!

angular-animate-fade.css

.ng-enter        { opacity: 0; transition: .3s opacity ease; height: 0; }
.ng-enter-active { opacity: 1; }