Dissolve out animation step
Animates opacity of element to dissolve out.
To test examples, append them to the boilerplate
// Simple dissolve outp.animations.new() .dissolveOut(2) .start(); Copy
// Simple dissolve outp.animations.new() .dissolveOut(2) .start();
// Dissolve out using options objectp.animations.new() .dissolveOut({ delay: 1, duration: 2 }) .start(); Copy
// Dissolve out using options objectp.animations.new() .dissolveOut({ delay: 1, duration: 2 }) .start();
// Different ways to create a stand-alone stepconst step1 = p.animations.dissolveOut(2);const step2 = new Fig.Animation.DissolveOutAnimationStep({ element: p, duration: 2,});p.animations.new() .then(step1) .dissolveIn(1) .then(step2) .start(); Copy
// Different ways to create a stand-alone stepconst step1 = p.animations.dissolveOut(2);const step2 = new Fig.Animation.DissolveOutAnimationStep({ element: p, duration: 2,});p.animations.new() .then(step1) .dissolveIn(1) .then(step2) .start();
Get remaining duration of the animation.
define this if you want remaining duration from a custom time
Dissolve out animation step
Animates opacity of element to dissolve out.
Param: durationOrOptions
See
To test examples, append them to the boilerplate
Example
Example
Example