[CSS] Transform 속성 쉽게 배우기 – 이동, 확대, 회전, 기울이기
ransform 속성은 HTML 요소에 회전, 크기 조절, 이동, 기울이기 등의 2D 또는 3D 변형을 적용할 수 있게 해주는 CSS 속성이에요.쉽게 말해, 요소의 모양이나 위치를 변화시키는 데 사용돼요. 🔧 주요 transform 함수들함수 이름설명translate(x, y)요소를 x, y 방향으로 이동scale(x, y)요소의 크기를 x배, y배로 조절rotate(각도)요소를 회전skew(x각도, y각도)요소를 기울임matrix(...)위 모든 변형을 한번에 줄 수 있는 복합 함수 (고급용) 📌 예시로 보면 더 쉬워요css .box { transform: translate(50px, 20px); } ➡️ .box라는 요소가 오른쪽으로 50px, 아래로 20px 이동해요.css .box { tran..
2025. 6. 20.
