CSS) 변환 속성 - matrix()

1) matrix(a,b,c,d,e,f)

요소의 2차원 변환(Transforms) 효과를 지정
scale(), skew(), translate() 그리고 rotate()를 지정

※ 요소에 일반 변환(Transforms) 함수(2D, 3D)를 사용하더라도 브라우저에 의해 matrix 함수로 계산되어 적용됨.
(2D 변환 함수는 matrix 로, 3D 변환 함수는 matrix3d 로)
따라서 일반적인 경우는 matrix 함수가 아닌 일반 변환 함수를 사용하면 됨

matrix 연산방법

matrix 연산 예시

위의 예시와 같이 사용한다정도만 알면 된다.
scale(), skew(), translate() 그리고 rotate()를 지정하는 것이 편리하다!