Как сделать прокрутку на 360 относительно центра группы svg?

Question

[Александр Панков]

Здравствуйте, я накидал демку

https://codepen.io/untca/pen/NeyroK?editors=1100

У меня там есть шестеренка, я хочу чтобы она крутилась относительно своего цента (как колесо машины), находясь за листком бумаги, но когда я прописываю css свойства элементу #wheel, то получаю, что она крутится относительно центра ВСЕЙ SVG, подскажите как это исправить, как заставить работать свойство transform-origin только для шестеренки, чтобы она находилась на месте и просто крутилась?

Answer 1

[Александр Панков]

transform-box: fill-box;