HUMANITY

CSS transform-origin속성은 요소 변환의 원점을 설정합니다. 원점은 변환이 적용되는 지점입니다. 기본값은 50% 50%요소의 중심인 입니다. 속성 transform-origin은 백분율, 길이, 키워드 등 CSS 위치로 사용할 수 있는 모든 값으로 설정할 수 있습니다. 예를 들어 다음 코드는 요소의 원점을 왼쪽 위 모서리로 설정합니다. transform-origin: 0% 0%; 속성 transform-origin을 키워드 값으로 설정할 수도 있습니다. 다음 키워드가 지원됩니다. top: 요소의 상단 가장자리입니다. bottom: 요소의 아래쪽 가장자리입니다. left: 요소의 왼쪽 가장자리입니다. right: 요소의 오른쪽 가장자리입니다. center: 요소의 중심입니다. 이 속성은 , ..

IT/HTML 2023. 9. 13. 23:44

TML/CSS에서 transform속성은 요소에 변형을 적용하는 데 사용됩니다. 적용할 수 있는 변환 중 하나는 translate()요소를 특정 양만큼 이동하는 것입니다. 이 translate()함수의 구문은 다음과 같습니다. transform: translate(x, y); 여기서 x는 요소를 수평으로 이동하는 양이고 는 y요소를 수직으로 이동하는 양입니다. x및 값은 y양수 또는 음수일 수 있습니다. 예를 들어 다음 CSS는 요소를 오른쪽으로 100픽셀, 아래로 50픽셀 이동합니다. div { transform: translate(100px, 50px); } 이 translate()함수는 현재 위치를 기준으로 요소를 이동하는 데에도 사용할 수 있습니다. 이를 위해 속성 translate()과 함께 함..

IT/HTML 2023. 9. 13. 23:19