Сделал анимацию вращения на 360 градусов, но круг дергается, а не статичен. Посмотреть можно здесь. https://jsfiddle.net/a7e3mwph/
transform-origin: center не помог.
@keyframes wheel {
0% {
transform: translate(-50%, -50%) rotate(0deg)
}
100% {
transform: translate(-50%, -50%) rotate(360deg)
}
}