【CSS/html】文字や画像を90度回転する方法【注意点も解説】
縦に撮った写真画像を90度回転させて横にしたい！文字を縦にしてスタイリッシュにしたい！CSSで文字や画像を90度、45度回転する方法を解説します。
csshtml.work
CSSで画像や文字を回転させる方法！transformプロパティ [ホームページ作成] All About
CSSで画像や文字を回転させる方法を解説。CSSのtransformプロパティを使うと、HTMLに書いた要素を45度でも90度でも自由な角度で回転できます。transformの値にrotateを使えば2D(平面)で傾けられ、rotateXなどを使えばX軸・Y軸・Z軸を基準に3D(立体)で回転できます。Y軸で中心から180度反転させれば鏡文字も簡単に作れます。何かを回転させるCSSの書き方をご紹介。
allabout.co.jp
【初心者必見】要素をくるっと回転！transform:rotate()の全て | 侍エンジニアブログ
この記事では「 【初心者必見】要素をくるっと回転！transform:rotate()の全て 」といった内容について、誰でも理解できるように解説します。この記事を読めば、あなたの悩みが解決するだけじゃなく、新たな気付きも発見できることでしょう。お悩みの方はぜひご一読ください。
www.sejuku.net
text-orientation - CSS: カスケーディングスタイルシート | MDN
text-orientation は CSS のプロパティで、行内のテキストの向きを設定します。このプロパティは縦書きのテキスト (writing-mode が horizontal-tb 以外の場合) でのみ効果があります。これは縦書きを使用する言語の表示を制御したり、縦書きの表見出しを作成したりするのに有用です。
developer.mozilla.org