transform이란?

transform의 변형

평면에서의 변형
3D 공간에서의 회전, 확대, 이동, 기울이기
- 회전: rotate()
- 확대축소: scale()
- 이동: translate(), translateX(), translateY()
- 기울이기: skew()

<div>Transformed element</div>

div {
  border: solid red;
  transform: translate(30px, 20px) rotate(20deg);
  width: 140px;
  height: 60px;
}