Skip to content

Instantly share code, notes, and snippets.

@Manoz
Created May 4, 2014 23:13
Show Gist options
  • Save Manoz/23c21c71e69eb5f5cd55 to your computer and use it in GitHub Desktop.
Save Manoz/23c21c71e69eb5f5cd55 to your computer and use it in GitHub Desktop.
Simple spinner icon
.spinner-icon {
width: 14px;
height: 14px;
border: solid 2px transparent;
border-top-color: #5bcad3;
border-left-color: #5bcad3;
border-radius: 10px;
-webkit-animation: spinner-anim 400ms linear infinite;
-moz-animation: spinner-anim 400ms linear infinite;
-o-animation: spinner-anim 400ms linear infinite;
animation: spinner-anim 400ms linear infinite;
-ms-animation: spinner-anim 400ms linear infinite;
}
@-webkit-keyframes spinner-anim {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spinner-anim {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spinner-anim {
0% {
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes spinner-anim {
0% {
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner-anim {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment