3Dトランスフォームの奥行きの深さ（遠近法）の基点（原点）

要素の奥行きの深さ（遠近法）の基点（原点）を調整するには、perspective-originプロパティを使用します。

構文

							perspective-origin:X軸の位置;
							または
							perspective-origin:X軸の位置 Y軸の位置;

指定可能な値

値 説明 初期値
キーワード
left X軸を0%して指定 -
center X軸またはY軸を50%して指定 ○
right X軸を100%して指定 -
top Y軸を0%して指定 -
bottom Y軸を100%して指定 -
基点（数値）
数値 単位付きの基点数値 -

サンプル

  • left top
  •  
  •  
  •  
  •  
  •  
  • top
  •  
  •  
  •  
  •  
  •  
  • right top
  •  
  •  
  •  
  •  
  •  
  • left
  •  
  •  
  •  
  •  
  •  
  • center
  •  
  •  
  •  
  •  
  •  
  • right
  •  
  •  
  •  
  •  
  •  
  • left bottom
  •  
  •  
  •  
  •  
  •  
  • bottom
  •  
  •  
  •  
  •  
  •  
  • right bottom
  •  
  •  
  •  
  •  
  •  

CSS

CSS3逆引きリファレンス一覧へ戻る