How it's done?

Transition guidelines:

• Use transition attribute on page element to define incoming transition type.
• Types of transitions:
  'left' (default), 'right', 'up', 'down',
  'scale-left', 'scale-right', 'scale-up', 'scale-down',
  'fold-left', 'fold-right', 'fold-up', 'fold-down',
  'fade', 'scale', 'none'
• Example:

  <img src="photo.jpg" transition="fold-down"/>

Also, use configuration object to:

• Define default project page transition type
• Define default thumbnails page transition type
• Define transition type between project and thumbnails section

More pens: