インライン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】印刷時のみ有効となる設定にする

CSSを使って、印刷時のみ有効となる設定をします。これを使用すれば、わざわざ印刷専用のページを作らな...

記事を読む

画像をマウスオーバー時に半透明にする

画像をマウスオーバー時に半透明にする

cssで画像をマウスオーバー時に半透明にする a:hover時のimgに対してcssで指定します。 ...

記事を読む

【CSS】ボックスや画像のカドを丸くする

border-radius はボックスのカドを丸くするプロパティです。<img>に対して...

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

no image
エコノミークラス症候群

エコノミークラス症候群とは?  エコノミークラス症候群は、旅行に関連

no image
巻き爪・陥入爪

巻き爪・陥入爪ってなに?  巻き爪とは、主に親指の爪の両端が「巻く」

no image
結婚お祝い金

披露宴に出る場合 祝儀袋の渡し方  受付でお祝いの言葉を述べ、祝儀

no image
結婚祝い

お祝い品選びと費用 お祝い品の選び方  新居を構える二人には、生活

no image
ダニ除去マニュアル

ダニ除去マニュアルについて  基本的なダニアレルゲン対策としては、

→もっと見る

PAGE TOP ↑