webkit-transform

HTML5とかCSS3とかのアレである。
何が出来るかは以下のページを参照下さい。
　
ギズモードのデザイナーが語る！ エイプリルフールの裏側
http://www.gizmodo.jp/2010/04/post_6958.html
　
ブラウザの表示を90度回転。JavaScriptとCSSで。
http://freefielder.jp/blog/2010/02/90javascript.html
　
CSS3大接近　第3回　transformプロパティ
http://gihyo.jp/design/feature/01/css3-approach/0003?page=1
　
ってことで，webkitのtransformで遊んでみた。
cssのスタイル中に以下の一行を加えるだけ。

-webkit-transform: scale(-1,1);

これだけで左右反転になる。
　
何に使うかと言えば，これをiPadで表示させて車のダッシュボードに置く。
省電力とかそういう系は切っておく。
夜ならフロントガラスに反射されて正しく見えると言うオチ。
携帯だと小さいし，ノートPCだとキーボードが邪魔。
iPadで丁度良いんじゃないかと言う構想でした。
　

• • -

補足的にまとめておくと
Webkit系
-webkit-transform:
Mozilla系
-moz-transform:
IEで左右反転
filter: fliph();
CSS3確定時になる予定
transform:
　
Javascript中だと
document.body.style["-webkit-transform"]="scale(1,1)";
とか
document.body.style.MozTransform='rotate(270deg) translateY('+(-sw)+'px)';
とか書くようになるらしいぞ。