Skip to content

Instantly share code, notes, and snippets.

@miromannino
Created August 23, 2016 07:23
Show Gist options
  • Save miromannino/9d1632e686324ad212968b9b36318778 to your computer and use it in GitHub Desktop.
Save miromannino/9d1632e686324ad212968b9b36318778 to your computer and use it in GitHub Desktop.
glyphicon-refresh-animate
.glyphicon-refresh-animate {
-animation: spin .7s infinite linear;
-webkit-animation: spin2 .7s infinite linear;
}
@-webkit-keyframes spin2 {
from { -webkit-transform: rotate(0deg);}
to { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
from { transform: scale(1) rotate(0deg);}
to { transform: scale(1) rotate(360deg);}
}
<div class="container">
<button class="btn btn-lg btn-warning"><span class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span> Loading...</button>
</div>
@batman
Copy link

batman commented May 15, 2018

.glyphicon-refresh-animate {
-webkit-animation: spin2 .7s infinite linear;
animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}

@Keyframes spin {
from { transform: scale(1) rotate(0deg);}
to { transform: scale(1) rotate(360deg);}
}

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