Lynx
指引
API
博客
贡献
指引
API
博客
贡献
简体中文

perspective

INFO
  • 不同于 Web，Lynx 中 Perspective 属性对当前节点生效，而 Web 中 Perspective 属性对孩子节点生效。
  • 这个不一致是个历史遗留问题，我们正在解决中。 :::

:::info

  • perspective 在 inline style 中的建议写法：
<view style={perspective: `750px`}></view>

介绍

CSS 属性 perspective 指定了观察者与 z=0 平面的距离，使具有三维位置变换的元件产生透视效果。z>0 的三维元件比正常大，而 z<0 时则比正常小，大小程度由该属性的值决定。

使用示例

css-apisrc/perspective/App.tsx
预览

取值

/* Keyword value */
perspective: auto;

/* <length> values */
perspective: 20px;
perspective: 3.5em;

  • auto 没有应用 perspective 样式时的默认值。

  • [<length>] 指定观察者距离 z=0 平面的距离，为元件及其内容应用透视变换。当值为 0 或负值时，无透视变换。

形式语法

perspective = auto | <length [0,∞]>

兼容性

Loading

除非另有说明，本项目采用知识共享署名 4.0 国际许可协议进行许可，代码示例采用 Apache License 2.0 许可协议进行许可。