こちらの CSS3 Danboard がFacebookタイムラインに流れてきたのを見て、「じゃあ3Dで作ってみよう」と思い立ったのが昨日の夜。 以外とさくっと作ることができました。まだAmazonのロゴとかは入れてないですが…。 完成品は こちら 。 -webkit を用いているので、ChromeやSafariでしか見ることができません。 上下左右キーを押すと、それぞれの方向に回転することができます。この回転の部分のみjsで実装していますが、それ以外は全てCSSです。 いつものように、ソースはGistで公開しています。以下がそのソース。 Slim, Less, CoffeeScriptの順番で掲載しています。
![CSS3でダンボー3D - Yusuke Sugomori's Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/912e9e10f77f370b663f9f3de04a046bae1f96c7/height=288;version=1;width=512/http%3A%2F%2Fyusugomori.com%2Fassets%2Fogp.png%3F20140224)