CSS perspective-origin 属性

定义用户从哪个位置查看 3D 定位元素：

#div1 {
perspective: 100px;
perspective-origin: left;
}

定义和用法

这个perspective-origin属性定义用户从哪个位置查看 3D 定位元素。

当定义perspective-origin对于元素的属性，子元素将获得效果，而不是元素本身。

笔记：该属性必须与看法属性！

为了更好地理解透视原点属性，查看演示。

默认值：	50% 50%
遗传：	不
可动画：	是的。阅读可动画的尝试一下
版本：	CSS3
JavaScript 语法：	对象.style.perspectiveOrigin="10px 50%"尝试一下

表中的数字指定完全支持该属性的第一个浏览器版本。

后跟 -webkit- 或 -moz- 的数字指定使用前缀的第一个版本。

Property
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-

perspective-origin: x-axis y-axis|initial|inherit;

Property Value	Description	Demo
x-axis	Defining where the view is placed at the x-axis Possible values: left center right length % Default value: 50%	Demo ❯
y-axis	Defining where the view is placed at the y-axis Possible values: top center bottom length % Default value: 50%	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit