CSS 3D Dropdown Concept
CSS JavaScript
Latest commit 2163ac8 May 29, 2013 1 Justin Windle Minified changes
Failed to load latest commit information.
css Added browser support warning Oct 18, 2012
js Minified changes May 29, 2013
README.md Updated README with CIU list of supported browsers. #1 Oct 22, 2012
index.html Fixed Chrome link. #4 Oct 23, 2012



An experimental CSS 3D dropdown concept, wrapped up in a jQuery plugin.

Check out the demo (you'll need a CSS 3D capable browser, such as Chrome.)

A current list of supported browsers can be found here.

Example usage

Use it like any regular jQuery plugin:

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

The options available are:

  • selector Children matching this selector will be folded into the Makisu
  • speed The animation duration (in seconds) for each folding item
  • overlap Fraction of speed by which folding items overlap (0 to 1)
  • shading Default shading colour (null for no shading)
  • perspective Perspective to apply to 3D transformed objects


Once an element has been extended as in the example above, you can open, close and toggle it.

$( '.list' ).makisu( 'open' );


The name comes from the object that inspired it.