Как сделать что изображения вертелись точно по центру?

Question

[vasilseodor]

В общем есть проблема такого типа: изображения расположены по центру экрана. Но при включении их анимации верчения-кручения, они сползают с центра экрана и вертятся не на центре.
Но если анимацию transform: rotate убрать, то они будут по центру. Я вот тут совсем не понимаю куда надо копать...
Код и пример

Answer 1

[#rybak]

@keyframes Circle {
0% {transform: translate(-50%,-50%) rotate(0deg);}
50% {transform: translate(-50%,-50%) rotate(180deg);}
100% {transform: translate(-50%,-50%) rotate(360deg);}
}

значение transform в анимации перебивает ранее заданное значение transform: -50% -50% для класса .index-circle
их просто нужно совместить

Comments

[vasilseodor]

Спасибо огромное))) Я часов 5 убил на поиск проблемы.