CSS３を使ったらマリオがとんでもないことになってしまってた。

WEBクリエイターボックスにこんなサイトが紹介されてました。（Pure CSS animated 3D Super Mario Icon）

HTMLとCSSだけでマリオを描いてクルクル回してしまっています。CSS３の「-webkit-transition」などを使って表現しています。回るだけならよくあるのですが、Safari５で是非マリオを見て、ロールオーバーして下さい。すごいから。HTML５も少しずつその存在が身近になりつつある気配を感じ、CSS３と合わせて実装できれば、WEB表現の幅はグンと広がりを見せる可能性を感じます。マリオの例は極端ですが、ソースコードを見ると空DIVの集合体なのでWEB標準からすると逆行してますね（笑）。意味のあるコーディングと効果的な表現のバランスも必要かなと。

ただ、一般的に対応ブラウザが普及するのがいつになることやら。このマリオもSafari５でないと完全な状態が見れませんし。JSでブラウザ対応するなども考えられますが、どこまでフォローの対象とするか、クライアントのご予算、クライアントへの説明などいろいろ検討しないといけなくなりそうです。

いずれにしろ制作現場は大変だ。。。