備忘録的プログラミングリファレンス

perspectiveプロパティ

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

 perspective-originプロパティと組み合わせて使用​​します。

立体的に配置したエレメントからの距離を100pxに設定
perspective: 100px;

構文(Syntax)

CSS

perspective: none | length | initial | inherit;

DOM(JavaScript)

値の取得
String = object.style.perspective;
値の設定
object.style.perspective="none | length | initial | inherit";

Values

Value摘要
none初期値(default値)、0と同じ
lengthCSS長さの単位
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)none
継承(Inherited)No
CSS AnimationYes