CSS属性：perspective-origin

perspective-origin属性用于定义3D转换元素的透视点位置。在进行3D转换时，透视点决定了元素的视觉效果，通过调整透视点的位置，可以改变元素的展示效果。

语法

------------------- ---------- -----------

• x-position：指定透视点在水平方向的位置，默认值为50%。
• y-position：指定透视点在垂直方向的位置，默认值为50%。

取值

• length：用长度值指定透视点的位置，例如px、em等。
• percentage：用百分比指定透视点的位置，相对于元素的宽度或高度。

示例

--- -
  ------ ------
  ------- ------
  ------------ ------
  ------------------- --- ----
  ---------- ---------------
-

在上面的示例中，透视点的水平位置为元素宽度的30%，垂直位置为元素高度的70%。这将导致元素在进行Y轴旋转时，视觉效果会有所不同。

注意事项

• perspective-origin属性只对设置了透视效果（perspective属性）的元素有效。
• 透视点的位置会影响元素的3D转换效果，可以根据需求灵活调整透视点的位置来达到想要的视觉效果。