====== CSS 2D Transforms Methods======
* description : CSS 2D Transforms Methods
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-03-18
\\
=====Source of the article====
* [[https://www.w3schools.com/css/css3_2dtransforms.asp|2D Transforms Methods]]
\\
CSS ''transform'' 속성으로 아래의 2D 트랜스포메이션 방법을 사용할 수 있습니다.\\
* ''translate()''
* ''rotate()''
* ''scaleX()''
* ''scaleY()''
* ''scale()''
* ''skewX()''
* ''skewY()''
* ''skew()''
* ''matrix()''
\\
=====The translate() Method=====
{{:wiki:css:css_note:translate.png|}}\\
\\
''translate()'' 속성은 요소를 현재 위치에서 X-축과 Y-축에 주어진 매개변수에 따라서 이동시킵니다.\\
하기의 예제에서 div 요소를 현재 위치에서 우측으로 50px, 좌측으로 100px로 이동시킵니다.\\
====예제====
The translate() Method
The translate() Method
The translate() method moves an element from its current position:
This div element is moved 50 pixels to the right, and 100 pixels down from its current position.
{{tag>오션, CSS 2D Transforms Methods, translate}}