Skip to content

Instantly share code, notes, and snippets.

@atomgroom
Created December 23, 2014 17:27
Show Gist options
  • Save atomgroom/c3595f57f2ce3dc4b583 to your computer and use it in GitHub Desktop.
Save atomgroom/c3595f57f2ce3dc4b583 to your computer and use it in GitHub Desktop.
Reverse Animation for the Animate.css RotateIn Class
@-webkit-keyframes rotateInReverse {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -180deg);
transform: rotate3d(0, 0, 1, -180deg);
opacity: 1;
}
}
@keyframes rotateInReverse {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -180deg);
transform: rotate3d(0, 0, 1, -180deg);
opacity: 1;
}
}
.rotateInReverse {
-webkit-animation-name: rotateInReverse;
animation-name: rotateInReverse;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment