>  기사  >  웹 프론트엔드  >  HTML 2D와 3D를 변환하는 방법

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

php中世界最好的语言
php中世界最好的语言원래의
2017-11-28 15:46:353136검색

모두들 유명한 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.