新着！私の44ページの電子書籍「CSS in 44 minutes」が発売されました！ 😃

今すぐ入手 →

#transform-origin

transformプロパティで定義された変換の基準点を定義します。

デフォルト transform-origin: 50% 50% 0;

変換の基準点は要素の中央です。

transform-origin: 20px 70%;

2つの値を使用できます。

  • 最初の値は水平軸です。
  • 2番目の値は垂直軸です。

transform-origin: top right;

位置キーワードの組み合わせを使用できます：center、top、bottom、left、right。

transform-origin: center bottom;

キーワードを使用する場合、各キーワードが曖昧でない限り、軸の順序を変更できます。