CSSリファレンス
perspectiveの意味と使い方
「perspective」は、視点の距離を指定することで子要素を透視図法で表示するプロパティです。perspective()関数と似ていますが、perspective()関数がその要素自体に適用されるのに対し、、perspectiveプロパティはこのプロパティが指定された要素のこ要素にのみ有効になります。
値の指定方法
none
視点の位置を変更しません。子要素は投影図法で表現されます。
実数値+単位
z=0の面、つまりブラウザ画面から視点までの距離を、0以上の数値に単位を付けて指定します。視点を変化させることで、奥行きがあるように表現できます。値が大きいほど、要素が小さく、遠くに見えるようになります。負の値は指定できません。