CSS3視点-originプロパティ
例
3D要素ベースの場所を設定します：
div要素
{
視点：150;
透視起源：10％10％。
-webkit-視点：150; / * SafariやChromeの* /
-webkit-透視起源：10％10％; / * SafariやChromeの* /
}
{
視点：150;
透視起源：10％10％。
-webkit-視点：150; / * SafariやChromeの* /
-webkit-透視起源：10％10％; / * SafariやChromeの* /
}
»をお試しください
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
すぐにデジタル-webkit-を以下、-ms-またはプレフィックスのサポートに前-moz-は最初のブラウザのバージョン番号を属性。
| 属性 | |||||
|---|---|---|---|---|---|
| perspective-origin | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0.3 -webkit- |
23.0 15.0 -webkit- |
属性の定義と指示
X軸およびY軸の透視原点プロパティ定義3D要素が基づいています。 このプロパティは、3D要素の底の位置を変更することができます。
視点は、要素、視点ではなく、要素自体の子である定義を、属性-origin。
注：ChromeとSafariのユーザーの場合：よりよく理解するために透視属性を！
ChromeとSafariのユーザーの場合：より良い視点-ORIGIN属性を理解するために、参照ビューのインスタンスを 。
| デフォルト： | 50％、50％ |
|---|---|
| 継承： | いいえ |
| バージョン： | CSS3 |
| JavaScriptシンタックス： | = "10％、10％を.style.perspectiveOriginオブジェクト」 |
文法
透視起源：x軸、yは-axis。
| 値 | 説明 |
|---|---|
| X軸 | 図は、x軸の位置で定義されています。 デフォルト：50％。 可能な値：
|
| Y軸 | y軸でビュー位置の定義。 デフォルト：50％。 可能な値：
|