transform

transform: rotate

transform: rotate(0.5turn);
transform: rotate3d(1, 2.0, 3.0, 10deg);
transform: rotateX(10deg);
transform: rotateY(10deg);
transform: rotateZ(10deg);

transform-origin

transform-origin: x-axis y-axis;

(지난 포스팅 JS30 - JS + CSS Clock 참고)

rotate으로 회전을 시키면 가운데 축으로 돌아가게 된다.

transform-origin: 100%;을 주면 아래와 같이 지정한 축을 중심으로 돌아가게 된다.

Reference

https://mjmjmj98.tistory.com/41 [Live passionate😎]`
https://velog.io/@gygy/JS-30-JS-CSS-Clock