row animated

main.css

.row-item {
  -webkit-transition: color 0.6s, background-color 0.3s ease-out 1s;
  -moz-transition: color 0.6s, background-color 0.3s ease-out 1s;
  -ms-transition: color 0.6s, background-color 0.3s ease-out 1s;
  transition: color 0.1s, background-color 0.8s ease-out 1s;
}

.row-item.ng-enter {
  background-color: #FFF1CC;
  -webkit-animation: bounceInRight 1s;
  -moz-animation: bounceInRight 1s;
  -ms-animation: bounceInRight 1s;
  animation: bounceInRight 1s;
}

.row-item.ng-leave {  
  -webkit-animation: bounceOutRight 1s;
  -moz-animation: bounceOutRight 1s;
  -ms-animation: bounceOutRight 1s;
  animation: bounceOutRight 1s;
}