anicollection
Version:
AniCollection, The easiest way to find, use and share CSS3 animations.
38 lines (36 loc) • 715 B
CSS
/*
*@name bounceInLeft
*@className bounceInLeft 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 bounceInLeft {
0%, 100%, 60%, 75%, 90% {
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0)
}
75% {
transform: translate3d(-10px, 0, 0)
}
90% {
transform: translate3d(5px, 0, 0)
}
100% {
transform: none
}
}
.bounceInLeft {
animation-name: bounceInLeft
}