Skip to content

Instantly share code, notes, and snippets.

@cameronbaney
Created August 8, 2013 17:12
Show Gist options
  • Save cameronbaney/6186601 to your computer and use it in GitHub Desktop.
Save cameronbaney/6186601 to your computer and use it in GitHub Desktop.
Spinning icon (used for animation)
/* Vendor prefixes have not yet been added */
.icon-loading {
font-size: 56px;
left: 50%;
margin: -23px 0 0 -23px;
position: fixed;
top: 50%;
z-index: 9999;
text-shadow: 0 2px 1px rgba(0,0,0,.6);
animation: spin 1.2s infinite linear;
}
@keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment