Setting the transform-origin of a child element to be its own center (instead of its parent's)

Question

I have a child element in an svg that needs to be transformed with its own center as the transform-origin. I tried this:

.mySvg .child{
    transform-origin: