Skip to content

Instantly share code, notes, and snippets.

@freakdesign

freakdesign/simple-loader.css

Created December 5, 2013 06:30
Show Gist options
  • Save freakdesign/7801040 to your computer and use it in GitHub Desktop.
Save freakdesign/7801040 to your computer and use it in GitHub Desktop.
Download ZIP
Lightweight CSS3 loading animation
Raw
simple-loader.css
.loading {
border: .25em solid rgba(0, 0, 0, .1);
border-top: .25em solid rgba(255, 0, 0, .5);
border-radius: 100%;
height: 1em;
width: 1em;
animation: rot .5s infinite linear;
}
@keyframes rot {
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}
@kapoko
Copy link

kapoko commented Feb 20, 2018

Super cool, thanks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment