みかづきブログ その3

3ヶ月つづけてみました。

CSSで画像を反転する

    ↓

   せいっ!

    ↓

反転してサウスポーになりました。

ソース

-webkit-transform: scaleX(-1);
   -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
     -o-transform: scaleX(-1);
        transform: scaleX(-1);
filter: FlipH;


ちなみにキーフレームアニメーションにすればくるくるまわります。
※ プレフィックスをwebkitしかつけてないのでchrome等でごらんください。。。