Skip to content

Instantly share code, notes, and snippets.

@ryandemmer
Created January 25, 2013 13:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ryandemmer/4634415 to your computer and use it in GitHub Desktop.
Save ryandemmer/4634415 to your computer and use it in GitHub Desktop.
CSS3 Spinner
.spinner {
background : url(spinner.png) no-repeat center;
width :16px;
height :16px;
display :block;
-webkit-animation: spinner 1s infinite linear; /* Safari 4+ */
-moz-animation: spinner 1s infinite linear; /* Fx 5+ */
-o-animation: spinner 1s infinite linear; /* Opera 12+ */
animation: spinner 1s infinite linear; /* IE 10+ */
}
@-webkit-keyframes spinner {
from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spinner {
from {-moz-transform:rotate(0deg);}
to {-moz-transform:rotate(360deg);}
}
@-o-keyframes spinner {
from {-o-transform:rotate(0deg);}
to {-o-transform:rotate(360deg);}
}
@keyframes spinner {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment