tester gallery

next: right next: up next: down next: scale-left next: scale-up next: scale-down next: fold-left next: fold-right next: fold-up next: fold-down next: fade next: scale next: none next: Transitions guidlines page

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