Смысл в данном коде не вижу. Но, если кому надо, пусть будет.

Вставлять во второе окно своего стиля либо в html-верх между тегами <style></style>. В общем, все как обычно.
Пример:
http://s1.ipicture.ru/uploads/20120528/lla4Y0i1.jpg ====>>http://s1.ipicture.ru/uploads/20120528/S48v26U4.jpg

.post-author ul li.pa-avatar img{
  -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
       -o-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out;
}
.post-author ul li.pa-avatar img:hover {
  -webkit-transform: rotate(2.5deg);  /* Saf3.1+, Chrome */
     -moz-transform: rotate(2.5deg);  /* FF3.5+ */
      -ms-transform: rotate(2.5deg);  /* IE9 */
       -o-transform: rotate(2.5deg);  /* Opera 10.5 */
          transform: rotate(2.5deg);
             filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */
                     M11=0.9990482215818578, M12=0.043619387365336, M21=-0.043619387365336, M22=0.9990482215818578, sizingMethod='auto expand');
               zoom: 1;

}


Скорость, с которой поворачивается аватар
Угол поворота в градусах.  В данном коде аватар будет поворачиваться по часовой стрелке. Если поставить минус перед числом - будет поворачиваться против часовой стрелки.