모두들 유명한 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()
transform -origin: x, y 회전 기준점
> ''s' s ' s ' s ' s ' s ' ‐ ' ' s ‐ ‐ ‐ 출처: x, y;
관련 읽기:
Js가 스타일을 얻는 일반적인 방법Js가 창 객체를 작동하는 구현 단계
위 내용은 HTML 2D와 3D를 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!