Created
August 31, 2017 22:26
-
-
Save CAYdenberg/c73b7f02838fb33ec3046b778d99d63c to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
** 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