anicollection
Version:
AniCollection, The easiest way to find, use and share CSS3 animations.
30 lines (28 loc) • 538 B
CSS
/*
*@name bounceOutUp
*@className bounceOutUp 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 bounceOutUp {
20% {
transform: translate3d(0, -10px, 0)
}
40%,
45% {
opacity: 1;
transform: translate3d(0, 20px, 0)
}
100% {
opacity: 0;
transform: translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
animation-name: bounceOutUp
}