Skip to content

Instantly share code, notes, and snippets.

@jonabaptistella
Forked from krizpoon/rotating.css
Created March 8, 2018 18:09
Show Gist options
  • Select an option

  • Save jonabaptistella/ef8e905a98bab056b8fcfabc1e28b36c to your computer and use it in GitHub Desktop.

Select an option

Save jonabaptistella/ef8e905a98bab056b8fcfabc1e28b36c to your computer and use it in GitHub Desktop.
Infinite rotation by CSS. Useful for loading spinners.
@keyframes rotating
{
from
{
transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
to
{
transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes rotating
{
from
{
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
to
{
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
.rotating
{
-webkit-animation: rotating 1s linear infinite;
-moz-animation: rotating 1s linear infinite;
-ms-animation: rotating 1s linear infinite;
-o-animation: rotating 1s linear infinite;
animation: rotating 1s linear infinite;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment