perspective屬性對(duì)于3D變形來(lái)說(shuō)至關(guān)重要。該屬性會(huì)設(shè)置查看者的位置，并將可視內(nèi)容映射到一個(gè)視錐上，繼而投到一個(gè)2D視平面上。如果不指定透視，則Z軸空間中的所有點(diǎn)將平鋪到同一個(gè)2D視平面中，并且變換結(jié)果中將不存在景深概念。

上面的描述可能讓人難以理解一些，其實(shí)對(duì)于perspective屬性，我們可以簡(jiǎn)單的理解為視距，用來(lái)設(shè)置用戶和元素3D空間Z平面之間的距離。而其效應(yīng)由他的值來(lái)決定，值越小，用戶與3D空間Z平面距離越近，視覺(jué)效果更令人印象深刻；反之，值越大，用戶與3D空間Z平面距離越遠(yuǎn)，視覺(jué)效果就很小。

在3D變形中，對(duì)于某些變形，例如下面的示例演示的沿Z軸的變形，perspective屬性對(duì)于查看變形的效果來(lái)說(shuō)必不可少。

我們先來(lái)看一個(gè)簡(jiǎn)單的實(shí)例，制作一個(gè)撲克牌3D旋轉(zhuǎn)效果，并且一個(gè)在撲克牌的父元素添加了視距perspective，而另一個(gè)卻沒(méi)有設(shè)置：

HTML

發(fā)表評(píng)論 共有條評(píng)論 用戶名: 密碼: 驗(yàn)證碼: 匿名發(fā)表