Friday, 12 June 2015

angularjs animation (with animation.css)


Very interestingly angular animation doesn't have animation for ng-show!!!! only ng-hide!!!!

if you want add assign animation to show and  hide as well, you should:

.ng-hide-remove{
  -webkit-animation: fadeInUp 1s;
  -moz-animation: fadeInUp 1s;
  -o-animation: fadeInUp 1s;
  animation: fadeInUp 1s;
  display: block!important;
}

.ng-hide-add{
  -webkit-animation: fadeOutDown 1s;
  -moz-animation: fadeOutDown 1s;
  -o-animation: fadeOutDown 1s;
  animation: fadeOutDown 1s;
}








No comments:

Post a comment