Search
Duplicate

transform

태그
transform
transform 의 속성값
translate(x, y)
요소의 좌표를 움직일 수 있다.
좌표값을 입력하는 부분에는 은 양수, 음수 모두 입력이 가능하다.
소괄호 안에 한개의 값만 입력된 경우에는 두 영역에 동일한 값이 입력된 것으로 간주한다.
translateX(n) / translateX(n)
요소를 X좌표 or Y좌표를 기준으로 n만큼 움직일 수 있다.
scale(x, y)
각 축 방향으로 x, y만큼 요소를 축소 혹은 확대 한다.
scale 변환함수는 배수로 측정 하기때문에 기존 요소의 몇 배로 축소, 확대하고 싶은지 입력한다.
scaleX(n) / scaleY(n)
x or y축 방향으로 n만큼 요소를 축소 혹은 확대 한다.
skew(x, y)
요소를 기울여 마름모꼴처럼 만들어 줄 수 있다.
skewX(n) / skewY(n)
요소를 X or Y축으로 n도 만큼 기울여 준다.
rotate(n)
요소를 n만큼 회전한다.