Skip to content


Subversion checkout URL

You can clone with
Download ZIP
CSS 3D Dropdown Concept
CSS JavaScript
Latest commit 2163ac8 1 Justin Windle Minified changes
Failed to load latest commit information.
css Added browser support warning
js Minified changes Updated README with CIU list of supported browsers. #1
index.html Fixed Chrome link. #4


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.

Something went wrong with that request. Please try again.