CSS3 관점 출처 속성
예
3 차원 요소의 기본 위치 설정 :
사업부
{
관점 : 150;
관점 출처 : 10 % 10 %;
-webkit-관점 : 150 / * 사파리와 크롬 * /
-webkit-관점 출처 : 10 % 10 %; / * 사파리와 크롬 * /
}
{
관점 : 150;
관점 출처 : 10 % 10 %;
-webkit-관점 : 150 / * 사파리와 크롬 * /
-webkit-관점 출처 : 10 % 10 %; / * 사파리와 크롬 * /
}
»시도
브라우저 지원
표의 수치 속성의 버전 번호를 먼저 지원 브라우저를 나타낸다.
즉시 디지털 -webkit- 이어 -ms- 또는 접두어 지원 전 -moz- 우선 브라우저 버전 번호 때문이다.
属性 | |||||
---|---|---|---|---|---|
perspective-origin | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0.3 -webkit- |
23.0 15.0 -webkit- |
정의 및 지침을 속성
X 축 및 Y 축 관점 출처 속성 정의 차원 소자를 기반으로한다. 이 속성은 3D 요소의 바닥의 위치를 변경할 수 있습니다.
관점 -Origin는 요소, 관점의 아이, 그리고 요소 자체 정의를 속성.
참고 : 크롬과 사파리 사용자 : 더 잘 이해하기 위해서는 관점의 속성을!
크롬과 사파리 사용자 : 더 나은 관점-기원 특성을 이해하기위해, 참조 뷰 인스턴스를 .
기본값 : | 50 % 50 % |
---|---|
상속 : | 아니 |
버전 : | CSS3 |
자바 스크립트 구문 : | 개체 .style.perspectiveOrigin = "10 % 10 %" |
문법
관점 출처 : x 축, y는시킴으로써 행한다;
값 | 기술 |
---|---|
X 축 | 뷰는 X 축 위치에 정의된다. 기본값 : 50 %. 가능한 값 :
|
Y 축 | y 축에서 볼 위치의 정의. 기본값 : 50 %. 가능한 값 :
|