부동산 스타일의 변환 CSS3
예
예약 3D 변환에 자식 요소를 보자 :
사업부
{
변환 : rotateY (60deg를);
변환 - 스타일 : 보존-차원;
-webkit-변환 : rotateY (60deg를); / * 사파리와 크롬 * /
-webkit-스타일을 변환 : 보존-3D / * 사파리와 크롬 * /
}
{
변환 : rotateY (60deg를);
변환 - 스타일 : 보존-차원;
-webkit-변환 : rotateY (60deg를); / * 사파리와 크롬 * /
-webkit-스타일을 변환 : 보존-3D / * 사파리와 크롬 * /
}
»시도
브라우저 지원
표의 수치 속성의 버전 번호를 먼저 지원 브라우저를 나타낸다.
즉시 디지털 -webkit- 이어 -ms- 또는 접두어 지원 전 -moz- 우선 브라우저 버전 번호 때문이다.
属性 | |||||
---|---|---|---|---|---|
transform-style | 36.0 12.0 -webkit- |
11.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
정의 및 지침을 속성
변환 - 스타일의 속성은 3 차원 공간에서 렌더링하는 방법을 중첩 된 요소를 지정할 수 있습니다.
참고 :이 속성은 첫 번째해야 변환 속성을.
사파리 / 크롬 사용자 : 더 나은 이해를 위해 변환 - 스타일의, 예 참조 보여줍니다 .
기본값 : | 플랫 |
---|---|
상속 : | 아니 |
버전 : | CSS3 |
자바 스크립트 구문 : | .style.transformStyle이 = "보존-차원"반대 |
문법
변환 - 스타일 : 플랫 | 보존-차원;
값 | 기술 |
---|---|
플랫 | 자식 요소는 3 차원 위치를 유지하지 않습니다. |
보존-차원 | 자식 요소는 3D 위치를 유지합니다. |