perspective

語法:

perspective:none | <length>

預設值none

適用於:變換元素

繼承性:無

動畫性:當值為<length>

計算值:絕對長度或「none」

媒體:視覺

取值:

none:
不指定透視
<length>
指定觀察者距離「z=0」平面的距離,為元素及其內容應用透視變換。不允許負值

說明:

指定觀察者與「z=0」平面的距離,使具有三維位置變換的元素產生透視效果。「z>0」的三維元素比正常大,而「z<0」時則比正常小,大小程度由該屬性的值決定。
  • 當該屬性值為「非none」時,元素將會建立局部堆疊上下文。
  • 對應的腳本特性為perspective

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-9.0 2.0-9.0 4.0-11.0 6.0-8.0-webkit- 15.0-22.0-webkit- 6.0-8.4-webkit- 2.1-2.3 18.0-34.0-webkit-
10.0-11.0-ms- 10.0-15.0-moz- 12.0-35.0-webkit- 9.0+ 23.0+ 9.0+ 3.0-4.4.4-webkit- 35.0+
Edge 16.0+ 36.0+ 40.0+

示例: