transform 속성

한결·2021년 8월 2일
0
post-custom-banner

x와 y축을 기준으로 이동은 다음 속성을 이용한다

trnasform: translateX(100px)
trnasform: translateY(100px)

참고로 좌표축의 원점은 좌측 상단이다.

sclae속성을 사용하면 현재 크기에서 배수로 크기조절이 가능하다

transform: translate(1.2); //1.2배

회전 또한 가능하다

transform: rotate(45deg); //45도 회전

profile
개발

0개의 댓글