JQuery. Поворот изображения туда-обратно

#jquery

Доброго времени суток! Не могу сообразить, как реализовать поворот картинки на 45
и -45 градусов непрерывано, то есть, картинка все время наклоняется то в одну, то в
другую сторону. Пока только при наведении мыши реализовано:  



  

    

Ответы

Ответ 1

Позволил себе чуть изменить код Abmin чтобы подходил по условию:



#me {
  -webkit-animation: rotation 2s infinite linear;
  padding: 20px;
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(90deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}



Ответ 2

Сделал на CSS



#me {
    -webkit-animation: rotation 2s infinite linear;
    padding: 20px;
    border-radius: 50%;
}

@-webkit-keyframes rotation {
0%   {-webkit-transform: rotate(0deg);}
25%  {-webkit-transform: rotate(45deg);}
50%   {-webkit-transform: rotate(0deg);}
75%  {-webkit-transform: rotate(-45deg);}
100%   {-webkit-transform: rotate(0deg);}
}