본문 바로가기
CSS/CSS 기초

[CSS] transform 이용하기

by 알찬 퍼블리셔 2019. 5. 15.
728x90
반응형

 

 

 

 

 

 

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

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

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

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

 

 

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

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

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

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

 

 

  • rotate : 회전

rotateX(), rotateY(), rotateZ()

 

 

  • skew : 비틀기

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

728x90
반응형

댓글