The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Circular Animation Reply To: Circular Animation

Eric Gregoire

I didn’t see anything defining an animation called “rotate.”

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

This will define the keyframes for the animation from 0 to 360 degrees (or full rotation).