CSS Types

CSS Types

Editing

<arg-matrix>

데브딕에서 지정한 색인용 자료 타입

matrix() 함수를 사용하기 위한 매개 변수의 유형을 나타낸다. 이 값은 총 6개로의 인자로 구성되며 이 값을 토대로 최종 4x4의 행렬로 처리된다.

$$ matrix(1, 2, 3, 4, 5, 6)=\begin{pmatrix} 1(scaleX) & 3(skewX) & 0 & 5(translateX) \\ 2(skewY) & 4(scaleY) & 0 & 6(translateY) \\ 0& 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{pmatrix}$$

행렬에서 01은 고정된 값으로 내부적으로 처리된다.

구문

  • CSS Transforms Module Level 1
    <number> [, <number> ]{5,5}

    6개의 값 a, b, c, d, e, f<number>는 변환 행렬 형식으로 2D 변환을 지정한다.

    $$ \begin{pmatrix} a & c & 0 & e \\ b & d & 0 & f \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{pmatrix}$$

    matrix() 함수 테스트

사용되는 타입

버전 명세

Modules
Module NameStatusSummary
CSS Transforms Module Level 1추천 후보

Last review date: 2022-11-17