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

CSS3를 사용한 3D 변환 방법

<시간/> <본문>

다음은 3D 변환을 호출하는 데 사용되는 방법입니다.


설명
matrix3d(n,n,n,n,n,n,n,n,n,n,n,n, 엔,엔,엔,엔)
행렬의 16개 값을 사용하여 요소를 변환하는 데 사용
translate3d(x,y,z)
x축, y축 및 z축을 사용하여 요소를 변환하는 데 사용
translateX(x)
x축을 사용하여 요소를 변환하는 데 사용됩니다.
translateY(y)
y축을 사용하여 요소를 변환하는 데 사용
번역 Z(z)
y축을 사용하여 요소를 변환하는 데 사용
스케일X(x)
크기 조정에 사용하여 x축을 사용하여 요소를 변환합니다.
스케일Y(y)
y축을 사용하여 요소를 변환하는 크기 조정에 사용됩니다.
스케일Y(y)
z축을 사용하여 요소를 변환하는 데 사용
rotateX(각도)
X축을 사용하여 요소를 회전하는 데 사용됩니다.
rotateY(각도)
Y축을 사용하여 요소를 회전하는 데 사용됩니다.
rotateZ(각도)
z축을 사용하여 요소를 회전하는 데 사용됩니다.