Skip to main content

Flip.to

Flip.to( state:FlipState, vars:Object ) : Timeline

Identical to Flip.from() except inverted, so this would animate to the provided state (from the current one).

Parameters

  • state: FlipState

    A state obtained from Flip.getState().

  • vars: Object

    The vars to use for the from animation. You can use any standard tween special property like ease, duration, onComplete, etc.

Returns : Timeline​

A timeline animation

Details​

Identical to Flip.from() except inverted, so this would animate to the provided state. CAUTION: it's almost always best to use Flip.from() because at the end of the animation, the inline styles get reverted/removed. Think of it like a from() is gradually removing offsets that were added initially to make the element(s) appear in the previous state. But a Flip.to() is gradually adding those offsets, so if they got removed at the end, things would suddenly jump to the pre-flipped state.

See the Flip.from() docs for all the options and usage information. Flip.to() is identical except that the direction is inverted.

Contents