CSS3 perspective-origin 属性

实例

设置 3D 位置:

div
{
perspective:150;
perspective-origin: 10% 10%;
-webkit-perspective:150;	/* Safari 和 Chrome */
-webkit-perspective-origin: 10% 10%;	/* Safari 和 Chrome */
}

都不支持 perspective-origin 属性。

Chrome 和 Safari -webkit-perspecitve-origin 属性。

perspective-origin 属性定义 3D 的 X 轴和 Y 3D 位置。

义 perspective-origin 素本身。

注释:perspective 影响 3D

默认值: 50% 50%
继承性: no
版本: CSS3
JavaScript 语法: object.style.perspectiveOrigin="10% 10%"

语法

perspective-origin: x-axis y-axis;
描述
x-axis

在 x 50%。

  • left
  • center
  • right
  • length
  • %
y-axis

在 y 50%。

  • top
  • center
  • bottom
  • length
  • %