How rotate infinity css

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

Source: stackoverflow.com

How rotate infinity css

<div 
  class="rotating"
  style="width: 100px; height: 100px; line-height: 100px; text-align: center;" 
 >Rotate</div>

-1

Source: stackoverflow.com

Similar codes

42 votes407 views6 answers
Disable textarea resize
CSS
0 vote381 views2 answers
Tailwindcss link styling
CSS
0 vote345 views1 answer
Css how to remove underline from visited sites
CSS
4 votes373 views2 answers
Can we use material ui and tailwind css together
CSS
29 votes364 views4 answers
Css box
CSS
0 vote361 views2 answers
Fixed footer in Bootstrap
CSS
4 votes347 views2 answers
Gradient over image css
CSS
18 votes367 views4 answers
Grayscale css
CSS
0 vote345 views1 answer
Css using border top border bottom to create a hamburger icon
CSS
66 votes365 views6 answers
Remove bullets from list css
CSS