HTML 2D와 3D를 변환하는 방법

모두들 유명한 VR과 육안 3D에 대해 들어보셨을 겁니다. 오늘은 HTML에서 2D와 3D 효과를 변환하는 방법을 소개하겠습니다.

transform:

                                                                                              사용   사용   사용 사용      using           using off ‐ off ‐ ‐ off ‐ ‐ ‐rotate() scale(X,Y ) 스케일링 기능(양수, 음수 및 소수)

scaleX() 사용

scaleY()

translate(X,Y) 변위 함수(px)

translateX()

translateY()

transform 약어 실행 순서(나중에 쓰기, 먼저 실행)

transform-style(preserve-3d ) 3D 공간 만들기

투시 거울

투시-원점 거울 기준점

x

:left

/center/

right

/length/%

        y:top/center/

bottom

/length/%

변환 새 함수 rotateX()

rotateY()rotateZ()

translateZ()scaleZ()

transform -origin: x, y 회전 기준점

           > ''s' s ' s ' s ' s ' s           ' ‐ ' ' s ‐ ‐ ‐ 출처: x, y;

관련 읽기:

Js가 스타일을 얻는 일반적인 방법

Js가 창 객체를 작동하는 구현 단계

위 내용은 HTML 2D와 3D를 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!