From da78a9e329e272dedb2400b79a3bdeebff387d47 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:17 -0500 Subject: initial commit --- .../web/css/transform-function/matrix()/index.html | 89 ++++++++++++++++++++++ 1 file changed, 89 insertions(+) create mode 100644 files/ko/web/css/transform-function/matrix()/index.html (limited to 'files/ko/web/css/transform-function/matrix()/index.html') diff --git a/files/ko/web/css/transform-function/matrix()/index.html b/files/ko/web/css/transform-function/matrix()/index.html new file mode 100644 index 0000000000..cf9940c92a --- /dev/null +++ b/files/ko/web/css/transform-function/matrix()/index.html @@ -0,0 +1,89 @@ +--- +title: matrix() +slug: Web/CSS/transform-function/matrix() +translation_of: Web/CSS/transform-function/matrix() +--- +
{{CSSRef}}
+ +

matrix() CSS 함수는 2D 변형 동차 행렬을 선언합니다. 결과는 {{cssxref("<transform-function>")}} 데이터 타입입니다.

+ +
+

주의: matrix(a, b, c, d, tx, ty) 는 matrix3d(a, b, 0, 0, c, d, 0, 0, 0, 0, 1, 0, tx, ty, 0, 1) 를 짧게 쓴 것입니다.

+
+ +

Syntax

+ +

matrix() 함수는 6개의 값을 지정합니다. 상수 값은 묵시적이며, 매개변수(parameter)로 전달하지 않습니다. 다른 매개 변수는 column-major 순서로 설명됩니다.

+ +
주의: 파이어폭스 16까지, Gecko(엔진) tx, ty 에{{cssxref("<length>")}} 값을 허용했습니다.
+ +
matrix(a, b, c, d, tx, ty)
+
+ +

Values

+ +
+
a b c d
+
{{cssxref("<number>")}}는 선형 변환(linear transformation)을 설명합니다.
+
tx ty
+
{{cssxref("<number>")}}는 적용 할 이동(translation)을 설명합니다.
+
+ + + + + + + + + + + + + + + + + + + + + +
Cartesian coordinates on ℝ2Homogeneous coordinates on ℝℙ2Cartesian coordinates on ℝ3Homogeneous coordinates on ℝℙ3
ac bd actxbdty001 actxbdty001 ac0txbd0ty00100001
[a b c d tx ty]
+ +

Examples

+ +

HTML

+ +
<div>Normal</div>
+<div class="changed">Changed</div>
+ +

CSS

+ +
div {
+  width: 80px;
+  height: 80px;
+  background-color: skyblue;
+}
+
+.changed {
+  transform: matrix(1, 2, -1, 1, 80, 80);
+  background-color: pink;
+}
+ +

Result

+ +

{{EmbedLiveSample("Examples", 350, 350)}}

+ +

Browser compatibility

+ +

호환성 정보는 <transform-function> 데이터 타입을 확인하세요.

+ +

See also

+ + -- cgit v1.2.3-54-g00ecf