[CSS] transform 이용하기

 

 

 

 

 

 

• translate : 현재위치를 기준으로 이동하기

translateX() => 가로로 이동 (+값 오른쪽 -값 왼쪽)

translateY() => 세로로 이동 (+값 아래쪽 -값 위쪽)

translate(X,Y) => 가로세로 값으로 이동 

 

 

• scale : 현재크기를 기준으로 크기조정

scaleX() = > 가로로 크기 조절

scaleY() => 세로로 크기 조절

scale(X,Y) => 가로세로로 크기 조절

 

 

• rotate : 회전

rotateX(), rotateY(), rotateZ()

 

 

• skew : 비틀기

skewX() skewY() skew(x,y)