CSS: spin element

PHOTO EMBED

Mon Aug 29 2022 17:06:19 GMT+0000 (UTC)

Saved by @marcopinero #css

@-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
}
  
@keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
}
  
.spinning {
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
content_copyCOPY

Get spinning effect for any element. <div class="myclass spinning">..</div>