任意の要素をアニメーションエフェクトで立体的に見せる、というスクリプト・TURNBOX.jsのご紹介。フラットなデザインと相性良さそうです。 要素に立体的なアニメーションエフェクトを与えて、3DなUIにする事ができます。フラットなデザインに使って欲しいとの事です。開発者さんはNOHTさんという日本の企業さんなので疑問があった場合でも連絡が取りやすいので安心ですね。 動作サンプルです 他にもアップロードのローディングに使えたりいろいろ応用幅が広い印象です。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="turnBox.js"></script>↑ 本体とプラグインを読み込みます。 $(".foo").
![任意の要素を3D回転させ、立体的に見せる国産のjQueryプラグイン・TURNBOX.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/304a1653f1147deeedd636c25a50e6d41269be01/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2014%2F08%2Fflatui01.jpg)