anicollection
Version:
AniCollection, The easiest way to find, use and share CSS3 animations.
26 lines (24 loc) • 496 B
CSS
/*
*@name lightSpeedOut
*@className lightSpeedOut 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 lightSpeedOut {
0% {
opacity: 1
}
100% {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in
}