Я сделал простой скрипт в jQuery, который берет изображение и медленно поворачивает его.
Ссылка на пример
deg = 0;
derp = false;
function callRotate(){
if(!derp){
setInterval(rotate, 50);
}
}
function rotate(){
$("#rotate_me > img").css({"-webkit-transform":"rotate("+ deg +"deg)", "-moz-transform":"rotate("+ deg +"deg)"});
deg+=.2;
}
callRotate();
Я решил поместить радиус границы на div, равный 1/2 от высоты div, чтобы изображение выглядело как круг. Вращение выглядит хорошо в Firefox 4.0.1, но когда я тестировал его в Chrome, изображение начинает выходить за границы радиуса, как только вращение начинается. Кто-нибудь знает способ предотвращения кровотечения изображения?