I am using animate.css. I have following styles for animating a div with ng-hide.
.slide-down.ng-hide-remove {
-webkit-animation: fadeInDown 0.5s;
-moz-animation: fadeInDown 0.5s;
-o-animation: fadeInDown 0.5s;
animation: fadeInDown 0.5s;
}
.slide-down.ng-hide-add {
-webkit-animation: fadeOutUp 0.5s;
-moz-animation: fadeOutUp 0.5s;
-o-animation: fadeOutUp 0.5s;
animation: fadeOutUp 0.5s;
}
Unlike in chrome, .slide-down.ng-hide-add does not work in firefox while .slide-down.ng-hide-remove works fine.
_You can see it here._
Is there anything I am missing to make it work?
Update
I am using angularjs 1.3.9 and firefox 35.
I am using animate.css. I have following styles for animating a div with ng-hide.
Unlike in chrome,
.slide-down.ng-hide-adddoes not work in firefox while.slide-down.ng-hide-removeworks fine._You can see it here._
Is there anything I am missing to make it work?
Update
I am using
angularjs 1.3.9andfirefox 35.