CSS 변형 함수
CSS 변형 함수 상세 설명 및 예제개요CSS 변형 함수는 HTML 요소의 크기, 모양, 위치를 변형시키는 데 사용됩니다. 2D 및 3D 변형을 모두 지원하며, 다양한 효과를 만들어낼 수 있습니다.각 함수 설명 및 예제1. translate() : 트랜즐레이트설명: 요소를 특정 거리만큼 이동시킵니다.구문: translate(x, y)x: 수평 이동 거리 (px, em 등)y: 수직 이동 거리 (px, em 등)예제:CSSdiv { transform: translate(50px, 100px);}코드를 사용할 때는 주의가 필요합니다. 위 예제는 div 요소를 오른쪽으로 50px, 아래쪽으로 100px 이동시킵니다.2. scaleX(), scaleY(), scale() : 스케일설명: 요소를 X축 또는 Y..
2024. 11. 12.
