WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > CSSリファレンス > 「子要素の奥行きのx軸・y軸方向の位置」

perspective-origin 「変形の起点」

「perspective-origin」は「perspective」で変形した要素の起点を指定することができます。

CSS Ver.適用要素継承
3.0 全要素なし
広告

perspective-originの指定方法

構文

perspective-origin : X Y;

プロパティ/設定値意味
X 横(水平)方向の起点位置
長さ・大きさの単位参照
Y 縦(垂直)方向の起点位置
長さ・大きさの単位参照
デフォルト:「タグ毎のスタイル初期値」を参照
ページTOP

perspective-origin のサンプル

<div style="
        perspective : 50px">
  <div style="
        transform: rotateY(20deg);
        background:rgb(176, 224, 230)">
  </div>
  <div style="
        transform: rotateY(20deg);
        background:rgb(255, 193, 139)">
  </div>
</div>
起点 起点の位置
x
横(水平)
y
縦(垂直)
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン