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:

  -webkit-animation: fadeInUp 1s;
  -moz-animation: fadeInUp 1s;
  -o-animation: fadeInUp 1s;
  animation: fadeInUp 1s;
  display: block!important;

  -webkit-animation: fadeOutDown 1s;
  -moz-animation: fadeOutDown 1s;
  -o-animation: fadeOutDown 1s;
  animation: fadeOutDown 1s;

No comments:

Post a comment