[dir=ltr] .rotate{
  animation-name:  rotate-ltr ;
}
[dir=rtl] .rotate{
  animation-name:  rotate-rtl ;
}

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

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