Skip to content

Instantly share code, notes, and snippets.

@mirisuzanne
Last active August 29, 2015 14:08
Show Gist options
  • Select an option

  • Save mirisuzanne/384c6ab323cea3a307a2 to your computer and use it in GitHub Desktop.

Select an option

Save mirisuzanne/384c6ab323cea3a307a2 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<span class="spinner"></span>
// ----
// Sass (v3.4.6)
// Compass (v1.0.1)
// ----
@import "compass";
@include keyframes(spin) {
to { transform: rotate(1turn); }
}
.spinner {
@include animation(spin 1s infinite);
border: .375rem double black;
border-radius: 100%;
border-top-style: solid;
display: inline-block;
height: 1rem;
width: 1rem;
}
@-moz-keyframes spin {
to {
transform: rotate(1turn);
}
}
@-webkit-keyframes spin {
to {
transform: rotate(1turn);
}
}
@keyframes spin {
to {
transform: rotate(1turn);
}
}
.spinner {
-moz-animation: spin 1s infinite;
-webkit-animation: spin 1s infinite;
animation: spin 1s infinite;
border: .375rem double black;
border-radius: 100%;
border-top-style: solid;
display: inline-block;
height: 1rem;
width: 1rem;
}
<span class="spinner"></span>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment