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

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

デモのキャプチャ

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

デモのキャプチャ

デモページ

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

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

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

top of page

©2017 coliss