HTMLタグにインラインCSSを追加して、 少しだけ表現力をアップさせる試みの第二弾!! 前回は、画像を重ね合わせて表示する方法をやってみました。 画像を重ね合わせて表示するインラインスタイルシートの記述方法 今回は、画像を回転表示させるテクニックを調べてみました。 style属性にtransformプロパティを指定して画像回転! <img>タグに「style属性」を追加して、「transform: rotate(角度)」を指定すると画像を回転できることがわかりました。 HTMLやCSSについて詳しく掲載されています。 transform:rotate()-CSS3リファレンス これを使って実際に記事中でテストしてみたのですが、最初はその効果が確認できませんでした。さらに調べてゆくと、「ベンダープレフィックス」という記述を付けないと動作しない機能があることがわかりました。 ベンダープレフィ
![インラインCSS記述で画像を回転表示させる方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/b1134e4dc6773771947ce964f59f4ce3b2c63a1b/height=288;version=1;width=512/https%3A%2F%2Fdigitalkoukisin.up.seesaa.net%2Fimage%2FCan20I20use...20Support20tables20for20HTML52C20CSS32C20etc-1.png)