rotateX를 한 것과 rotateY를 한 것에 따라 각각 기준점에 따라 차이가 없을 수 있습니다! css의 transform과 transform-origin 활용하기형태를 변화시킬 때 사용하는 속성은? css에서 형태를 변화시킬 때 사용하는 속성은 제목에서도 알 수 있듯이 transform입니다. 보통 rotate를 자주 사용하는데 이 뿐만 아니라 확대하는 scale과, 기울이는 skew 도 있습니다. rotate 말고는 거의 사용할 일이 없는 속성이죠. 가장 많이 사용하는 실용적인 예를 들어본다면 홈페이지에서 햄버거 아이콘을 만들 때 라던가 화살표를 돌릴 때 사용합니다.https://justmakeyourself.tistory.com/entry/css%EC%9D%98-transform%EA%B3%BC-transformorigin-%ED%99%9C%EC%9A%A9%ED%95%98%EA%B8%B0transform-origin - CSS: Cascading Style Sheets | MDNThe transform-origin CSS property sets the origin for an element's transformations. The transform origin is the point around which a transformation is applied. For example, the transform origin of the function is the center of rotation. In effect, this property wraps a pair of translations around the element's other transformations.https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin
