Skip to content

Instantly share code, notes, and snippets.

@shilch
Last active July 16, 2016 09:18
Show Gist options
  • Save shilch/cbc8e332f36ff793021fb72755390034 to your computer and use it in GitHub Desktop.
Save shilch/cbc8e332f36ff793021fb72755390034 to your computer and use it in GitHub Desktop.
Loading spinner in CSS
<style>
.spinner {
display: block;
width: 128px;
height: 128px;
border: 5px solid transparent;
border-top: 5px solid red;
border-radius: 50%;
animation: rotate 2s cubic-bezier(0.35, 0.61, 0.35, 0.61) infinite;
}
@keyframes rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
<div class="spinner"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment