Hisia CSS perspective

定义和用法

perspective 属性定义 3D 元素距视图的距离,以像素计。此属性允许您更改查看 3D 元素的视角。

当为元素定义 perspective 属性时,其子元素会获得透视效果,而不是元素本身。

注释:perspective 属性只影响 3D 转换元素。

提示:请与 perspective-origin 属性一同使用该属性,这样您就能够改变 3D 元素的底部位置。

另请参阅:

CSS3 教程:Tukio 3D cha CSS3

HTML DOM 参考手册:perspective 属性

实例

设置元素被查看位置的视图:

div
{
perspective: 500;
}

Jifunze tena

Inayofaa kusoma Kiingereza:

perspective: number|none;

Chaguo cha sababu

Chaguo Muhtasari
number Ukuru wa kiwango cha pixeli cha kipimo kikuu cha kina kwa kina cha muundo wa kitu.
none Chaguo wa kuzingatia. Kama 0. Hakuna muungano wa hekima.

Vituo vya taifa

Chaguo wa kuzingatia: none
Mfano wa kuwamishika: yes
Muundo: CSS3
Inayofaa kusoma Kiingereza: object.style.perspective=500

Msaada wa wasafiri

Namba za kati ya tabia inasema kiwango cha kwanza cha programu ya wasafiri ambayo inakubali sababu hiyo.

Mifano ya namba yenye -webkit- au -moz- inasema kiwango cha kwanza cha versioni inayotumika kwa neno la chaguo.

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-
10.0 16.0
10.0 -moz-
9.0
4.0.3 -webkit-
23.0
15.0 -webkit-