CSS

[CSS]3D Transforms

JoyYellow 2023. 3. 11. 19:01

3D transform 메소드 종류

  • rotateX()
  • roetateY()
  • rotateZ()


rotateX()

주어진 회전율에 따라 x축을 회전합니다.

origin:

x축을 기준으로 180도 회전시켰습니다.


rotateY()

y축을 기준으로 회전합니다.

origin:

y축으로 180도 회전시켜보겠습니다.


rotateZ()

origin:

43도 만큼 z축을 회전했습니다.