インラインCSSの記述で画像を回転させる方法
公開日： : 最終更新日：2016/03/24 css
画像を回転させたいときに使用。ブログなどで外部CSSを使用するのが面倒な時に便利。
html内に下記の通り入力。
時計回りに90°の場合、
<img alt="画像名.jpg" class="クラス名" height="640" width="420" src="http://パス.jpg" style="transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg);" />
関連記事
-
-
【CSS】ボックスや画像のカドを丸くする
border-radius はボックスのカドを丸くするプロパティです。<img>に対して...
-
-
【CSS】印刷時のみ有効となる設定にする
CSSを使って、印刷時のみ有効となる設定をします。これを使用すれば、わざわざ印刷専用のページを作らな...
-
-
画像をマウスオーバー時に半透明にする
cssで画像をマウスオーバー時に半透明にする a:hover時のimgに対してcssで指定します。 ...
