これは楽しい！巻き簾のようにくるっとはらりとなるCSS 3Dのドロップダウン

ユーザビリティは一旦おいといて、くるっとはらりとなる巻き簾のドロップダウンを紹介します。

デモは、Firefox, Chromeの最新版でご覧ください。
「TOGGLE」ボタンをクリックすると、くるっとなります。

デモページ

MakisuはjQueryのプラグインとして配布されています。

• Makisu -GitHub

オプションでは各アイテムのセレクタやアニメーションのスピードがちゃんと設定できます。

$( '.list' ).makisu({
    selector: 'li',
    overlap: 0.2,
    speed: 0.8
});