У меня возникла проблема в chrome с переходом css3 transtate rotate. Переход работает нормально, но сразу после завершения сдвиг элемента на пиксель. Другая странная вещь в том, что это происходит только тогда, когда страница центрирована (margin:0 auto;). Ошибка все еще есть, если вы удалите переход.

Вы можете увидеть это здесь:

http://jsfiddle.net/MfUMd/1/

HTML:

    <img src="https://github.com/favicon.ico" class="target" alt="img">



    

CSS:

.wrap {
    margin:50px auto;
    width: 100px;
}
.block {
    width:30px;
    height:30px;
    background:black;
}
.target,.block {
    display:block;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.target:hover,.block:hover {
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg); 
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);  
}

Закомментируйтеmargin:0 auto; линия, чтобы заставить его уйти.

У кого-нибудь есть идеи, как это остановить, сохраняя при этом страницу по центру?

используя версию 24.0.1312.57 на OSX 10.6.8

ура