--- title: matrix() slug: Web/CSS/transform-function/matrix tags: - CSS - Funkcje CSS - Referencje - Transformacje CSS - wymagaPrzykładu translation_of: Web/CSS/transform-function/matrix() original_slug: Web/CSS/transform-function/matrix() ---

CSS-owa funkcja matrix() określa jednolitą macierz (matrix) transformacji 2D i składa się z sześciu określonych wartości. Wartości stałe tych macierzy są implementowane oraz nie działają jak parametry; pozostałe parametry są opisywane w porządku głównej kolumny.

matrix(a, b, c, d, tx, ty) to shorthand dla matrix3d(a, b, 0, 0, c, d, 0, 0, 0, 0, 1, 0, tx, ty, 0, 1).

Adnotacja: Od Firefoxa 16, Gecko akceptuje wartośc {{cssxref("<length>")}} dla tx oraz ty.

Składnia

matrix(a, b, c, d, tx, ty)

Wartości

a b c d: {{cssxref("<number>")}} opisują transformacje linearne.
tx ty: {{cssxref("<number>")}} opisują transformacje do zastosowania.

Współrzędne kartezjańskie na ℝ²	Współrzędne jednorodne na ℝℙ²	Współrzędne kartezjańskie na ℝ³	Współrzędne jednorodne na ℝℙ³
$(\begin{matrix} a & c \\ b & d \end{matrix})$	$(\begin{matrix} a & c & tx \\ b & d & ty \\ 0 & 0 & 1 \end{matrix})$	$(\begin{matrix} a & c & tx \\ b & d & ty \\ 0 & 0 & 1 \end{matrix})$	$(\begin{matrix} a & c & 0 & tx \\ b & d & 0 & ty \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{matrix})$
$(\begin{matrix} a & c \\ b & d \end{matrix})$	`[a b c d tx ty]`

Przykłady

TBD