エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
transform-styleプロパティの意味と使い方
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
transform-styleプロパティの意味と使い方
サンプルコード 以下の例では、親要素(class名にtransformedを適用)はy軸を中心に45度、子要素(class... サンプルコード 以下の例では、親要素(class名にtransformedを適用)はy軸を中心に45度、子要素(class名にchildを適用)はx軸を中心に40度回転するように指定しています。 CSS div{ width: 150px; height: 150px; } .container { perspective: 500px; border: 1px solid black; } .transformed { transform-style: flat; transform: rotateY(50deg); background-color: rgba(255,0,0,0.8); } .child { transform-origin: top left; transform: rotateX(40deg); background-color: rgba(0,255,0,0.8