SOURCE

<div>Normal</div>
<div class="rotated">Rotated</div>

div {
  width: 80px;
  height: 80px;
  background-color: skyblue;
}

.rotated {
    animation:r3d 2s;
    animation-timing-function:linear;
    animation-direction:normal;
    animation-iteration-count:infinite;
 
  background-color: pink;
} 
@keyframes r3d
{

  0%    {left:  0%;transform:rotate3d( 0,1,1,  0deg);}
 25%    {left:  0%;transform:rotate3d( 0,1,1, 90deg);}
 50%    {left:  0%;transform:rotate3d( 0,1,1,180deg);}
 75%    {left:  0%;transform:rotate3d( 0,1,1,270deg);}
100%    {left:  0%;transform:rotate3d( 0,1,1,360deg);}
}