perspective-origin [透视原点]

### 语法
```css
perspective-origin: [ [ <percentage> | <length> | left | center | right ] [ <percentage> | <length> | top | center | bottom ]? ] | [ [ left | center | right ] || [ top | center | bottom ] ] ;
```
<table class="table"><thead><tr><th width="20%">语法项目</th><th>说明</th></tr></thead><tbody><tr><td>初始值</td><td>50% 50%</td></tr><tr><td>适用于</td><td>块元素和行内元素</td></tr><tr><td>可否继承</td><td>否</td></tr><tr><td>取值</td><td>长度值</td></tr><tr><td>媒介</td><td>视觉</td></tr><tr><td>版本</td><td>CSS3.0</td></tr></tbody></table>

### 说明
`perspective-origin`属性定义在`X`轴和`Y`轴的3D元素。这个属性允许你改变3D元素的底部位置。定义时的`perspective-origin`属性，它是一个元素的子元素，透视图，而不是元素本身。提示：使用此属性必须和`perspective`属性一起使用，只影响3D转换的元素！

受影响变形函数：`perspective()`。

### 取值
该属性提供2个参数值，第一个用于横坐标，第二个用于纵坐标；如果只提供一个，该值将用于横坐标，纵坐标将默认为50%。
`percentage`：用百分比指定坐标值。可以为负值。
length：用长度值指定坐标值。可以为负值。
`left` `center` `right`是水平方向取值，而`top` `center` `bottom`是垂直方向的取值。

### 实例代码
<iframe src="http://example.itshubao.com/inexample/447.html" width="100%" height="200px" frameborder="0" scrolling="no"></iframe>

### 兼容性
<table class="table"><thead><tr><th class="ie" width="20%">IE</th><th class="firefox" width="20%">Firefox</th><th class="opera" width="20%">Opera</th><th class="safari" width="20%">Safari</th><th class="chrome" width="20%">Chrome</th></tr></thead><tbody><tr><td>IE 10+</td><td>Firefox 3.5+</td><td>Opera 11.50+</td><td>Safari 10+</td><td>Chrome 2.0+</td></tr></tbody></table>