Rotation of an object around a specified axis

The object can be rotated through the CSS property transform: rotate(). But the object rotates in place, as shown in the example below (the blue object rotates in place).

Through the CSS property transform-origin you can specify a point of coordinates around which the object will rotate.

/* creating animation "moving" */
@keyframes moving {
    100% {transform: rotate(-360deg);}
}


.element {
    /* set the animation "moving" to the current element */
    animation: moving 3s infinite linear;

    /* specify the point of coordinates around which the object will rotate */
    transform-origin: -80px -80px;
}

Result: