Смысл в данном коде не вижу. Но, если кому надо, пусть будет.
Вставлять во второе окно своего стиля либо в html-верх между тегами <style></style>. В общем, все как обычно.
Пример:
====>>
.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;}
Скорость, с которой поворачивается аватар
Угол поворота в градусах. В данном коде аватар будет поворачиваться по часовой стрелке. Если поставить минус перед числом - будет поворачиваться против часовой стрелки.
