如何使用CSS3 perspective 属性

作者:暴躁小n | 创建时间: 2023-07-29
有的时候,我们需要给不同的元素做出不同的页面效果,这其中就有透视效果,要达成这样的一个效果,我们可以使用 perspective 代码来完成。...
如何使用CSS3 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 轴来说都是有可能的。

点击展开全文

更多推荐