Skip to content

morph common options

Pawel Przezwanski edited this page Jan 28, 2020 · 4 revisions

parallel

  • type: boolean
  • default: false (except fadeinGallery and fadeoutGallery where it is parallel by default)
  • if true it will fire next morph immediately along with current one

delay

  • type: number
  • default: 0
  • specifies the delay in applying the morph class. This delay is counted from previous morph end

target

  • type: string
  • possible values: 'gallery', 'picture', 'molecule', 'atom'
  • default: 'molecule'
  • specifies which html object will be modified. Most of morphs have this parameter strictly specified but for some of them like restructure, transform, offscreen or filterize this parameter is crucial

property

  • type: string
  • default: 'transform'
  • specifies which css property will be modified and transition by this morph. Most of morphs have this parameter strictly specified but for restructure this parameter is crucial

timingFunction

  • type: string
  • default: 'ease'
  • specifies transition-timing-function for transitioned (animated) property

onebyone

  • type: object
  • default:
{
 interval: 50,
 step: 'molecule', // or 'line'
 startFrom: 'first', // or 'last'
 delay: false, // or true
 duration: false, // or true
}
  • specifies if molecules should be delayed (and/or be gradually longer) one by one ( one by one molecule or line of molecules) with specified interval. Object supplied as onebyone option will extend default config so as its minimal configuration to see some effect we should write for example { delay: true }