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

Post on:2012年10月24日

sponsorsr

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

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

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

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

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