[HTML/CSS] CSS 변환, transform

17wolfgwang·2023년 9월 23일
0
post-thumbnail
  • transform : 원근법 / 이동 / 크기 / 회전 / 기울임
    • 2D 변환함수
      • translate(x,y) : 이동 x축,y축
      • translateX(x) : 이동 x축
      • translateY(y) : 이동 y축
      • scale(x,y) : 크기 x축,y축
      • rotate(degree) : 회전(각도)
      • skewX(x) : 기울임(x축)
      • skewY(y) : 기울임(y축)
    • 3D 변환함수
      • perspective(n) : 원근법(거리), 요소의 관찰 대상에게 이 속성을 부여한다. 부모면 부모 자식이면 자식에게. 적용할 때에는 무조건 속성들 중 맨 앞에다가 적어야 함.
      • rotateX(x) : 회전(x축)
      • rotateY(y) : 회전(y축)
profile
새로운 것을 두려워 하지 않고 꾸준히 뭐든 배워나가는 프론트 엔드 개발자 입니다 🧑‍💻

0개의 댓글