Skip to content

Instantly share code, notes, and snippets.

@LeetCodes
Forked from krizpoon/rotating.css
Created August 28, 2018 04:00
Show Gist options
  • Select an option

  • Save LeetCodes/4eca3dfcbbe56479a2c248904e7ee73b to your computer and use it in GitHub Desktop.

Select an option

Save LeetCodes/4eca3dfcbbe56479a2c248904e7ee73b 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