CSS3 transformプロパティで回転

CSS

HTMLで文字をを回転したかったので、CSSで回転について調べた。

transformプロパティを使用するとrotate(deg)で回転できるようだが、ブラウザによって書き方が違うようだ。

webkit系ブラウザ（Google Chrome、Safari）

-webkit-transform:rotate(20deg);

mozilla系ブラウザ（Firefox）

-moz-transform:rotate(20deg);

Internet Explorer

-ms-transform: rotate(20deg);

Opera

-o-transform: rotate(20deg);


(例)

.demo1 {
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
}

参考：
CSS3 変形処理を行う transform プロパティ | CSS Lecture
transform:rotate()－CSS3リファレンス