In a linear gradient, the transition between colors occurs in a straight line. You can use multiple colors, change the distance between them within a gradient, and set any angle for a color combination.
To add a linear gradient to an element, go to Zero Block Settings → Background Color → Linear. To add another color, hover over the color bar and click it when you see the "+" sign. To remove a color, click it and drag it down. You can set the gradient angle under the color palette—enter a number of degrees or rotate the widget with your mouse.
The transition between colors in the radial gradient is circular. Color in the center transitions to the color on the edge. You can set any number of colors and adjust the distance between them inside the gradient in the Settings.
To add a radial gradient to an element, go to Zero Block Settings → Background Color → Radial.
Add gradients to your project design without any additional tools—right in the Zero Block editor.
New Feature in Tilda Zero Block
Gradients in web page design look fresh and dynamic, catch the user’s eye, add color depth, and create the illusion of three-dimensional space.
There are two types of gradients in Zero Block: Linear and Radial. You can add them to your project without leaving the Zero Block editor. These effects can be applied to the block background, text, buttons, shapes, and tooltips. Let’s have a closer look at the updates.