如何使用CSS3 perspective 属性

如何使用CSS3 perspective 属性

有的时候，我们需要给不同的元素做出不同的页面效果，这其中就有透视效果，要达成这样的一个效果，我们可以使用perspective 代码来完成。

应用代码。从这个代码来看，只需要一个数值就可以了。

div{perspective: 400;-webkit-perspective: 400; /* Safari 和 Chrome */}

从上一步的代码来看，perspective 用在safari 浏览器当中，它需要加上一个-webkit的前缀。

perspective 的用法，它的默认值是 none 它的继承性为 yes 它的版本为 CSS3

java 用法：object.style.perspective=400 它的java 用法也是相当简单的赋值。

语法。perspective: number|none; 从这个语法可以看出来，perspective的参数值有两种类型。

perspective-origin 属性。perspective-origin与perspective的效果定义不同，这是一个位置的定义。需要定义一下平面的位置。

perspective-origin: x-axis y-axis;

从语法可以得知，我们可以数值或者百分比来完成。

left、center、right、length、% 这些参数对于 x 轴来说都是有可能的。