변환 원본 속성을 사용하면 변환되는 요소의 위치를 변경할 수 있습니다.
2D 변환 요소는 요소의 x축과 y축을 변경할 수 있습니다. 3D 변환 요소는 Z축을 변경할 수도 있습니다.
참고: 이 속성은 변환 속성과 함께 사용해야 합니다.
예
회전된 요소의 기준점 위치 설정:div { transform: rotate(45deg); transform-origin:20% 40%; -ms-transform: rotate(45deg); /* IE 9 */ -ms-transform-origin:20% 40%; /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari 和 Chrome */ -webkit-transform-origin:20% 40%; /* Safari 和 Chrome */ -moz-transform: rotate(45deg); /* Firefox */ -moz-transform-origin:20% 40%; /* Firefox */ -o-transform: rotate(45deg); /* Opera */ -o-transform-origin:20% 40%; /* Opera */ }
transform-origin: x-axis y-axis z-axis;
위 내용은 CSS 변환 원본 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!