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