ul.grid {
  width: 100%;
}
ul.grid li {
  max-width: 300px;
  position: relative;
  float: left;
  display: inline-block;
  height:440px;
}
ul.grid li div {
  -webkit-animation: bounceOutRight 1s;
  animation: bounceOutRight 1s;
  -moz-animation: bounceOutRight 1s;
  -o-animation: bounceOutRight 1s;
  width: 100%;
}
ul.grid.active li div {
  -webkit-animation: bounceInRight 2s;
  animation: bounceInRight 2s;
  -moz-animation: bounceInRight 2s;
  -o-animation: bounceInRight 2s;
}
ul.grid.active li:nth-child(2) div {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -moz-animation-delay: .2s;
  -o-animation-delay: 0.2s;
}
ul.grid.active li:nth-child(3) div {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
  -moz-animation-delay: .4s;
  -o-animation-delay: 0.4s;
}
ul.grid.active li:nth-child(4) div {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
  -moz-animation-delay: .6s;
  -o-animation-delay: 0.6s;
}
ul.grid.active li:nth-child(5) div {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
  -moz-animation-delay: .8s;
  -o-animation-delay: 0.8s;
}