Fluid gradients are now accessible to anyone using Editor X. It’s intuitive with our Editor, which allows you to create a Fluid gradient with unlimited, customizable points of color.
A radial gradient is defined by a center point, an ending shape, and two or more color-stop points. To create a smooth gradient, the radial-gradient function draws a series of concentric shapes radiating out from the center to the ending shape (and potentially beyond).
Defined by an axis, or gradient line, Linear gradients are determined by two color-stop points (one starting, another ending), but can be amplified by optional color-stop points in between.
Use the Timeline Animations API to create custom gradients by moving objects. You can also import blurred shapes from Figma/ Photoshop/ Illustrator and create an animated gradient by changing sizes, opacity, etc.
