自動車関係のお仕事に5年間勤め、WEB業界に転職致しました。基本インドアです!InstagramTwitterContactサーバーとドメインの同時取得で.jpが無料シュウ今回は【CSS】perspective-originの使い方、3Dに奥行きの起点を指定する!の解説になります!こんな方に読んでほしいCSSを学び始めた方へperspective-originプロパティについて学びたい方へ今回はperspective-origin3Dに奥行きの起点についての解説になります。今回は、前回に続きperspectiveに関する記事になります。perspective-originプロパティは、perspectiveプロパティと合わせて指定します。perspectiveプロパティについては前回の記事で解説をしております。【CSS】perspectiveの使い方、3Dに奥行きを指定する!perspectiveの指定方法についての解説になります。指定方法について関連記事まとめperspective-originの使い方についてperspective-originプロパティとは、3D変形させた時、要素の奥行きの起点を指定します。perspective-originプロパティは、perspectiveプロパティと合わせて指定します。書き方は以下のようになります。要素の左上から見て数値と単位で指定します。100px」のように指定します。%要素の幅、高さの割合を指定します。50%」は要素の中心となります。left要素のX軸を0%(左端)に指定します。right要素のX軸を100%(右端)に指定します。top要素のY軸を0%(上端)に指定します。bottom要素のY軸を100%(下端)に指定します。center要素のX軸またはY軸を50%(中心)に指定します。300px」を指定しています。各クラス名を付け個別に指定しています。0」を指定しています。100%」を指定しています。left」でのキーワード指定でも問題ありません。right」でのキーワード指定でも問題ありません。左上が起点となっております。右下が起点となっております。【CSS】perspectiveの使い方、3Dに奥行きを指定する!perspectiveとは、要素を3D変形させた際に、奥行きを指定します。まとめ今回はこれで以上です。POINTperspective-originプロパティとは、3D変形させた時、要素の奥行きの起点を指定します。perspective-originプロパティは、perspectiveプロパティと合わせて指定します。指定する際は、半角スペースで区切って指定しましょう。自動車関係のお仕事に5年間勤め、WEB業界に転職致しました。趣味:サッカー観戦、ゲーム、映画、漫画基本インドアです!笑つくる、しあわせをテーマとして主にWEBに関する様々な情報を発信しています。自動車関係のお仕事に5年間勤め、WEB業界に転職致しました。