16일차 프론트엔드 공부 - transform
- 16일차 프론트엔드 공부 -transform1. 변형 시킨다는 의미2. 요소에 이동, 회전, 확대축소, 비틀기 등의 변형 효과를 줄 수 있다. transform의 속성값translate(x, y)scale(x, y)skew(x-angle, y-angle)rotate(angle) translate(x, y)요소의 좌표를 움직일 수 있다.x축으로 x만큼, y축으로 y만큼 이동시킨다.transform: translate(20px, 20%) translateX(n)요소의 X축 좌표를 n만큼 움직일 수 있다.transform: translateX(20px) translateY(n)요소의 Y축 좌표를 n만큼 움직일 수 있다.transform: translateY(20px) scale(x, y)X축으로 x만큼, ..
