例
要素が表示され、そこから視点を設定します。
document.getElementById("myDIV").style.perspective = "50px";
»それを自分で試してみてください 定義と使用法
透視性は、3D要素がビューから配置されているどのように多くの画素を定義します。 このプロパティは、あなたが閲覧しているか、3Dの要素に視点を変更することができます。
要素の斜視プロパティを定義する場合、それは斜視図、NOT要素自体を取得する子要素です。
Note:遠近プロパティは、3D変換の要素に影響を与えます!
Tip:一緒にこのプロパティを使用しperspectiveOriginのあなたは、3D要素の下の位置を変更することができますプロパティ、。
ブラウザのサポート
透視プロパティは、IE10 +およびFirefoxでサポートされています。
クロム、サファリ、オペラは、代替、WebkitPerspectiveプロパティをサポートしています。
構文
透視プロパティを返します:
object .style.perspective
透視プロパティを設定します。
object .style.perspective=" プロパティ値 値 説明 length どこまで要素がビューから配置されます none デフォルト値。 視点が設定されていない0と同じ initial このプロパティがデフォルト値に設定します。 最初の記事を読みます inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます
技術的な詳細
デフォルト値: なし 戻り値: 要素の透視性を表す文字列、 CSSのバージョン CSS3
関連ページ
JavaScriptのスタイルオブジェクト: perspectiveOrigin property
CSSリファレンス: perspective property
<スタイルオブジェクト