perspective プロパティ

　perspective プロパティは、立体的に表示できるように設定したエレメントの遠近感を指定するプロパティです。 transformプロパティと併せて定義します。
　perspective プロパティは、ユーザー視点からの距離を指定します。それによって遠近感が変わります。 値が小さいほど近くに、大きいほど遠くにあるように表示されます。

parent_element｛
	perspective: 500px;
}

child_element{
	transform: rotate3d(1,1,1,60deg);
}

　perspective と perspective-origin プロパティは親エレメントに、transform プロパティは子エレメントに設定します。

　transform-functionに perspective() 関数があります。 transformプロパティでperspective()関数を利用して遠近感を指定する方法もあります。

　視点の中心位置はエレメントの中心（50%,50%,0）です。 perspective プロパティの値が小さいほどエレメントの中心に近づきます。0 または none は遠近感の指定を適応しません。 perspective-origin プロパティで視点位置を指定することができます。