[CSS]3D Transforms

2023. 3. 11. 19:01·CSS

3D transform 메소드 종류

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


rotateX()

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

origin:

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


rotateY()

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

origin:

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


rotateZ()

origin:

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

'CSS' 카테고리의 다른 글

[CSS]CSS Functions  (0) 2023.03.13
[CSS] Animations  (0) 2023.03.11
[CSS]Transition  (0) 2023.03.11
[CSS]2D Transforms  (0) 2023.03.11
[CSS]Position  (0) 2023.03.11
'CSS' 카테고리의 다른 글
  • [CSS] Animations
  • [CSS]Transition
  • [CSS]2D Transforms
  • [CSS]Position
JoyYellow
JoyYellow
  • JoyYellow
    JoyYellow
    JoyYellow
  • 전체
    오늘
    어제
    • 분류 전체보기 (128)
      • Vue (7)
      • React (10)
      • 알고리즘 풀이 (29)
      • 타입스크립트 (2)
      • Microsoft (4)
      • TIL(Today I Learned) (16)
      • Devops (4)
      • CS(Computer Science) (2)
      • Spring (1)
      • Incomplete (0)
      • JS소스모듈 (10)
      • TDD (2)
      • 스프링부트 (0)
      • CSS (8)
      • Next.js (0)
  • 블로그 메뉴

    • 홈
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    노마드코더
    노개북
    개발자북클럽
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.1
JoyYellow
[CSS]3D Transforms
상단으로

티스토리툴바