DevShelf

Appearance

align ​

描述 ​

perspective-origin 属性设置观察者所注视的点的坐标。该属性与视角属性一起使用，并确定视角中线条的汇聚点。

效果展示 ​

语法 ​

css
perspective-origin: [ left | center | right | top | bottom | <percentage> |
  <length>] | [ left | center | right | <percentage> | <length>] [ top | center
  | bottom | <percentage> | <length>] | [ center | [ left | right]] && [ center
  | [ top | bottom]];

值 ​

  • <length> 长度值给出固定长度作为偏移量。水平和垂直偏移的值表示距边界框左上角的偏移。
  • <percentage> 水平透视偏移的百分比是相对于边界框的宽度的。垂直偏移的百分比是相对于边界框的高度的。水平和垂直偏移的值表示距边界框左上角的偏移。
  • bottom 底部,垂直位置计算为“100%”。
  • center 如果未另外指定水平位置，则计算为水平位置的“50%”（“左侧 50%”）；如果指定，则计算为垂直位置的“50%”（“顶部 50%”）。
  • left 水平位置计算为“0%”。
  • right 计算水平位置的“100%”。
  • top 垂直位置计算为“0%”。