Editing
transform상속 불가애니메이션 허용
요소에게 회전, 크기, 이동, 뒤틀림 등의 2D 또는 3D 변형 처리를 할 수 있다.
사용 가능한 값 타입
DEVDIC-Specified Data Types
transform
속성에 사용되는 타입이다.
CSS Transforms Module Level 1
포함된 타입
아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.
변형을 주기 위한 다양한 관련 함수들이 사용되는 타입이다. 1개 이상의 함수를 나열한다.
Details
포함된 타입
요소의 모양과 위치에 영향을 주는 변환 함수를 나타낸다.
Details
관련 함수
모든 함수를 표시하지 않을 수도 있다.
공통적으로 사용되는 값
다음 키워드는 속성에 따라 다른 의미를 가질 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.
값
다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.
none기본값
CSS Transforms Module Level 1
변형 효과를 적용하지 않는다.
CSS Transforms Module Level 1
Example
〈transform-function〉matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) CSS Transforms Module Level 1
Example
CSS Transforms Module Level 1
x축과 y축의 좌표값을 이용하여 이동처리한다. 매개 변수의 타입은 단위 px를 사용한 정수이다.
Example
CSS Transforms Module Level 1
Example
CSS Transforms Module Level 1
매개 변수의 값을 통해 x축으로 이동 처리한다. 매개 변수의 타입은 단위 px를 사용한 정수이다.
Example
CSS Transforms Module Level 1
Example
CSS Transforms Module Level 1
Example
CSS Transforms Module Level 1
Example
CSS Transforms Module Level 1
Example
CSS Transforms Module Level 1
Example
CSS Transforms Module Level 1
Example
CSS Transforms Module Level 1
Example
CSS Transforms Module Level 1
Example
CSS Transforms Module Level 1
Example
CSS Transforms Module Level 1
Example
CSS Transforms Module Level 1
Example
CSS Transforms Module Level 1
Example
CSS Transforms Module Level 1
Example
CSS Transforms Module Level 1
Example
CSS Transforms Module Level 1
Example
구문
transform: scale(1.5) rotate(45deg);
element.style.transform = "scale(1.5)";
CSS3
지원 웹브라우저