CSS3의 변환 속성

CSS3에서는 변환 기능을 사용하여 텍스트나 이미지의 회전, 크기 조절, 기울이기, 이동 등 네 가지 유형의 변형 처리를 수행할 수 있습니다.

一.rorate(rotation)

사용법: 변환: rorate(45deg);

"angle" 매개변수가 하나 있습니다. 단위 deg는 각도를 의미하고 양수는 시계 방향 회전을 의미하며 음수는 시계 반대 방향 회전을 의미합니다. 위의 내용은 코드 기능은 시계 방향으로 45도 회전하는 것입니다.

II.scale(scale)

Usage:Transform: scale(0.5,3);

첫 번째 매개변수는 가로 방향의 배율을 나타내고, 두 번째 매개변수는 세로 방향의 배율을 나타냅니다.

三.skew(tilt)

사용법: 변환: 기울이기(30deg, 30deg);

기울이기의 기본 원점은 이 개체의 중심점인 변환 원점입니다.

첫 번째 매개변수는 수평 방향의 기울기 각도를 나타내고, 두 번째 매개변수는 수직 방향의 기울기 각도를 나타냅니다.

IV.translate(move)

사용법: 변환:translate(45px, 150px);

첫 번째 매개변수는 가로 방향으로 45픽셀의 거리를 나타내고, 두 번째 매개변수는 세로로 150픽셀의 이동을 나타냅니다. 방향.

위 내용은 CSS3의 변환 속성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!