Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

CSS3의 2D 변환

<시간/> <본문>

2D 변환은 이동, 회전, 크기 조정 및 기울이기와 같은 요소 구조를 다시 변경하는 데 사용됩니다.

다음 표에는 2D 변환에 사용되는 공통 값이 포함되어 있습니다.

S.No
값 및 설명
1
행렬(n,n,n,n,n,n)
6개의 값으로 행렬 변환을 정의하는 데 사용됩니다.
2
번역(x,y)
x축 및 y축과 함께 요소를 변환하는 데 사용됩니다.
3
번역X(n)
x축을 따라 요소를 변환하는 데 사용됩니다.
4
번역Y(n)
y축을 따라 요소를 변환하는 데 사용됩니다.
5
스케일(x,y)
요소의 너비와 높이를 변경하는 데 사용됩니다.
6
scaleX(n)
요소의 너비를 변경하는 데 사용
7
스케일Y(n)
요소의 높이를 변경하는 데 사용
8
회전(각도)
각도를 기준으로 요소를 회전하는 데 사용됩니다.
9
skewX(각도)
x 축과 함께 기울이기 변환을 정의하는 데 사용됩니다.
10
기울기(각도)
y축과 함께 기울이기 변환을 정의하는 데 사용됩니다.