Shape

Shape is a plugin for 3D transitioning elements.

Examples

Regular Shape

Shape

Flip

Usage

Usage: // the plugin must be initialized once before methods can be accessed

  
  $('.shape')
    .shape()
  ;
  
  

// transion automatically assumed next side is the next sibling (or first if last element)

  
  $('.shape')
    .shape('flip.up')
  ;
  
  

// to manually set the next side to appear use a selector or jQuery object

  
  $('.shape')
    .shape('set.nextSide', '.second')
    .shape('flip.up')
  ;
  
  

// any internal method can be invoked programmatically

  
  $('.shape')
    .shape('repaint')
  ;