Skip to content

Instantly share code, notes, and snippets.

@freakdesign

freakdesign/simple-loader.css

Created December 5, 2013 06:30
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save freakdesign/7801040 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
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
Copy Markdown

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