图像需要在屏幕中央旋转，但也需要在中央旋转。我已经尝试了多种方法，但无法弄清

我目前有：

    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

    transform-origin: center;
    animation: spin 10s infinite linear;
}

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

jsfiddle： https://jsfiddle.net/q02za3dk/