Properties

Properties

  • account_tree
  • bug_report

Transforms

3차원 공간에서 요소를 변환하는 기술을 주제로 한다.

개요

2D, 3D를 지원하는 다양한 변환 함수를 정의했으며 3차원적인 표현과 동작을 지원하는 속성들이 포함되어 있다.

관련 속성

  • backface-visibility

    요소 뒤쪽의 모습을 보여주거나 숨기는 설정을 한다.
  • perspective

    3D 시각적 효과를 위한 원근법을 적용하는 속성이다.
  • perspective-origin

    입체 대상을 보고 있는 투시점의 위치를 정의한다. perspective 속성의 원점을 지정한다.
  • rotate

    rotate() 함수를 독립적인 속성으로 지정한다.
  • scale

    scale() 함수를 독립적인 속성으로 지정한다.
  • transform

    요소에게 회전, 크기, 이동, 뒤틀림 등의 2D 또는 3D 변형 처리를 할 수 있다.
  • transform-box

    변형과 관련된 참조 박스 타입을 지정한다.
  • transform-origin

    transform 속성을 통해 변형이 적용될 경우에 변형의 기준점을 설정할 수 있다.
  • transform-style

    중첩된 요소에게 변형을 주고자 하는 경우에 3차원 공간에서 렌더링 되는 방법을 지정한다.
  • translate

    translate() 함수를 독립적인 속성으로 지정한다.

W3C Modules

CSS Transforms Module Level 1
W3C Candidate Recommendation, 14 February 2019
CSS Transforms Module Level 2
W3C Working Draft, 9 November 2021