728x90
반응형
변환 함수
-
[CSS] transform 변환 함수CSS 2020. 10. 2. 11:55
▶ transform 2D 변환 함수 - translate(x, y): 이동. x축, y축. 단위 입력. - x축으로 몇 px 이동, y축으로 몇 px 이동할 것인지. - translateX: x축에 대한 이동. 단위 입력. - translateY: y축에 대한 이동. 단위 입력. - scale(x, y): 크기(x축 y축). 단위는 없음. 배수 입력. - scale(1)은 1배. 현재와 동일. - 확대하거나 축소할 때 사용. - scaleX: 크기. x축. 단위는 없음. 배수 입력. - scaleY: 크기. y축. 단위는 없음. 배수 입력. - x축이나 y축으로 확대.. - rotate(degree): 회전(각도). 단위는 deg. - 45도 기울일 경우 45deg. - skew(x-deg, y-deg..