Skip to content

Instantly share code, notes, and snippets.

@CAYdenberg
Created August 31, 2017 22:26
Show Gist options
  • Save CAYdenberg/c73b7f02838fb33ec3046b778d99d63c to your computer and use it in GitHub Desktop.
Save CAYdenberg/c73b7f02838fb33ec3046b778d99d63c to your computer and use it in GitHub Desktop.
/*
** Simple CSS loader. Since font-size and color are both inherited, you can drop this
** anywhere and it should just work.
*/
.loading {
display: inline-block;
width: 1em;
height: 1em;
border-radius: 50%;
border: 0.1em solid;
border-top-color: white;
box-sizing: border-box;
animation: loading 1.2s linear infinite;
-webkit-animation: loading 1.2s linear infinite;
}
@keyframes loading {
0% {transform:rotate (0deg)}
100% {transform: rotate(360deg)}
}
@-webkit-keyframes loading {
0% {-webkit-transform: rotate(0deg)}
100% {-webkit-transform: rotate(360deg)}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment