anicollection/animations/bouncing_entrances/bounceInUp.css

AniCollection, The easiest way to find, use and share CSS3 animations.

/*
 *@name bounceInUp
 *@className bounceInUp animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@keyframes bounceInUp {
  0%, 100%, 60%, 75%, 90% {
    transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0)
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0)
  }
  75% {
    transform: translate3d(0, 10px, 0)
  }
  90% {
    transform: translate3d(0, -5px, 0)
  }
  100% {
    transform: translate3d(0, 0, 0)
  }
}

.bounceInUp {
  animation-name: bounceInUp
}