twitter facebook hatena google pocket 要素を隠しておいて、マウスオーバーで表現という手法は多いです。 今回紹介するMeny - CSS 3D fold-in menu conceptもそのひとつですが、表現が印象的で目立つものとなっています。 ※CSS3のtransformsを利用しているためブラウザにより表現ができないことがあります sponsors 使用方法 hakimel/Menyからファイル一式をダウンロード。 head内にCSSを。 <link rel="stylesheet" href="meny.css" /> </body>直上にjsを記述します。 <script type="text/javascript" src="meny.js"></script> 最後に本文を以下のように記述していきます。 <div class="meny">
![3D transformsを使った効果的な折りたたみ表現を与えられる「meny.js」](https://cdn-ak-scissors.b.st-hatena.com/image/square/b682fe9612170ee30ebe31f55934deee4e66e496/height=288;version=1;width=512/http%3A%2F%2Fwww.skuare.net%2Fassets_c%2F2012%2F08%2Fmeny-thumb-660x300-809.jpg)