
[SIST] Web_CSS_days06_CSS로 2D, 3D 변환 작업(transform 속성)
·
TIL/Web(HTML, CSS, JS, jQuery)
[2D 변환 작업 관련 속성 값] 1. 요소를 이동하는 작업 - translate(x좌표, y좌표) 속성 값 2. 요소를 회전시키는 작업 - rotate(n deg) 속성 값 > 시계 방향(+), 반시계 방향(-) 회전 가능 3. 요소 크기를 조정하는 작업(너비, 높이) - scale(), scaleX(), scaleY() 속성 값 너비 높이 4. 요소의 기울기를 주는 작업 - skew(), skewX(), skewY() 속성 값 요소를 지정된 각도만큼 x축, y축으로 기울인다. 5. 이동/회전/크기/기울기를 동시에 주는 작업 - matrix() 속성 값 [3D 변환 작업 관련 속성 값] 1. 요소 이동 - translateX(), translateY(), translateZ(), tanslate3d(x..