Visual Filters in Zero Block
Blur, brightness, contrast, grayscale, hue-rotate, inversion, saturation, and sepia—eight effects have been added to Zero Block Settings.
To use effects in your project, go to Zero Block Settings → Effects. Let's have a closer look at the filters.
Blur effect can be set from 1 to 50px
Brightness can be set as a percentage from 100 to 1000%
Contrast can be set from 0 to 1000%
Grayscale can be set from 0 to 100%
Hue rotation can be set from -360 to 360 degrees
Color inversion can be set as a percentage from 0 to 100%
Saturation can be reduced to 0 and increased up to 1000%
Sepia can be set as a percentage from 0 to 100%
You can superimpose elements with filters on top of other layers. For example, you may want to blur the image under the shape.
To do this:
place the shape over part of the image;
decrease the "Opacity" value of the shape;
apply the Background Blur effect to it.
That way, the effect that was set for the upper layer will be applied to the lower one. It will be visible thanks to the adjusted opacity of the upper layer element.
Here's How You Can Use the Effects in Zero Block
Visual filters can be applied to texts, shapes, images, and buttons.
Blur effect applied to shapes
Background Blur effect on shapes
Try out the visual filters in Zero Block, experiment, and create impressive websites on Tilda!
Guide to designing in Zero Block
All Zero Block features
Dark and Light Themes, and Smaller UI in Zero Block
Two new themes are available in the editor: Dark and light. Interface size can be reduced in the settings.
How an American web designer started helping people grow a life-giving business
The website you've been dreaming of is just one click away.
Create a website for free