transform1 2월 27일 (1) CSS - transform, transition transform(모양변환) 요소의 모양을 변화시키는 속성 속성값 (2D) 위치와 기울기 변환할 때만 '-' 단위 사용 가능하다. 1. 위치변환 - translate translate(x, y) - 원래 위치에서 x, y 만큼 이동 보통 position으로 이동하고, translate는 동적인 변화를 줄 때 사용한다. translateX(x) - x 축으로만 이동 translateY(y) - y 축으로만 이동 위치 변환 위치 변환 각도 변환 2. 각도변환 - rotate 단위 deg 기본방향 : 시계방향, '-' 반시계방향 각도 변환 :hover 넣은 예제 (마우스를 가져다 대면 이동하는 모습이 나온다) 위치 변환 각도 변환 각도 원으로 만들기 예제 위치 변환 각도 변환 각도 3. 크기변환 - scale.. 2023. 2. 27. 이전 1 다음