From 9bf6693b2edd5281c1577856895c55653a41dc01 Mon Sep 17 00:00:00 2001 From: MDN Date: Sat, 19 Mar 2022 00:13:08 +0000 Subject: [CRON] sync translated content --- .../web/css/transform-function/matrix/index.html | 90 ++++++++++++++++++++++ 1 file changed, 90 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..20bcd6ef75 --- /dev/null +++ b/files/ko/web/css/transform-function/matrix/index.html @@ -0,0 +1,90 @@ +--- +title: matrix() +slug: Web/CSS/transform-function/matrix +translation_of: Web/CSS/transform-function/matrix() +original_slug: 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