728x90
반응형
- translate : 현재위치를 기준으로 이동하기
translateX() => 가로로 이동 (+값 오른쪽 -값 왼쪽)
translateY() => 세로로 이동 (+값 아래쪽 -값 위쪽)
translate(X,Y) => 가로세로 값으로 이동
- scale : 현재크기를 기준으로 크기조정
scaleX() = > 가로로 크기 조절
scaleY() => 세로로 크기 조절
scale(X,Y) => 가로세로로 크기 조절
- rotate : 회전
rotateX(), rotateY(), rotateZ()
- skew : 비틀기
skewX() skewY() skew(x,y)
728x90
반응형
'CSS > CSS 기초' 카테고리의 다른 글
[CSS]이미지에 포토샵 처럼 filter 씌우기 (0) | 2019.05.15 |
---|---|
[CSS]transform(3D) 에서 함께 사용할 속성 perspective(원근법)과 backface-visibility(뒷면가시성) (0) | 2019.05.15 |
[CSS]transition을 이용한 animation 구현 (0) | 2019.05.15 |
[CSS]모바일에서 영역 클릭시 생시는 파란 박스 없애기 (2) | 2019.05.15 |
[CSS3] 이용해서 대소문자 변경하기 (0) | 2019.04.25 |
댓글