3D 변환

3D 변환
3D 수평선
관점 : 1000px;
몸 증가 다음 하위 요소의 모든 관점 통합 감을 형성하도록,
각 아버지인가 : 서브 엘리먼트 각각의 센스 관점 형성 다음과 같은 관리
값이 작을수록,보다 극적인 변화를,
3D 변위
변형 다음 translateX를 (200 픽셀)
변환 : translate Y를 (100 %)
이 제공하는 비율을 스스로 이동 비율
변환 : translateZ를 (100 픽셀)
효과 %를 고려하지 않고 설치하지 않은 Z 축 두께
짧은
변환 : translate3d를 (100 픽셀, 100 픽셀, 100 픽셀),
3D 렌더링
변환 - 스타일 : 보존-3D,
, 부모 요소 제어 하위 요소가 자식 요소가 3D 변환이 효과적 일 수있다 할 수 있습니다 입체 환경 설정되어
자연의 자식 요소가 3D 변환을 수행 한, 당신은 자신의 아버지에 대한 필요를 이러한 요소들이 3D 변환을 수행하여 플러스 3D 렌더링, 볼 수있는
그의 아버지 플러스, 3d 렌더링에
제공 될 수 있으며, 3D 변환을 수행 생물학적 자식 요소
지평선
, 관점의 가장 작은 감각 근처에
신체의 모든 하위 요소, 아버지; 다른 관측 각도,
3D 렌더링
자손 3D 변환 소자가 제공 될 수 있습니다
아버지 더한,
3D 회전
변환 : rotateX (45deg를)
변환 : rotateY (45deg)
변환 : rotateZ (45deg를)
정의 축
변환 : ROTATE3D (1, 1, 0, 45deg)
수공구
축의 양의 방향으로 손가락 포인트 왼쪽;
나머지 손가락이 구부러진 방향 축 주위의 요소의 회전 방향은 긍정적 시계 방향입니다
쉽게 회전을 관찰하는 방법, 그것을 축 방향으로 눈을 지시 필요하다 생각합니다.
3 차원 스케일링
변환 다음 scaleX가 (2)
변환 : scaleY를 (0.5),
두께없이 Z 축 방향을 적용하지 않는
변형 (10000) scaleZ 단계;
약칭
변형 : Scale3D (2, 2, 10000000);
상대적인 차원 스케일링 그들의 폭 아니오 두께가 없기 때문에 높은 두께, Z 축의 스케일은 효과적이지
다음 하위 요소, 텍스트, 스케일링 성질을 제공 CSS를 따른다는,
3D 속기는
변환 : translate Y를 () rotateX를 () ;
참고의 축 회전을 변화 영향을주는 코드를 작성 ;