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.
To use effects in your project, go to Zero Block Settings → Effects. Let's have a closer look at the filters.
Blur
Blur effect can be set from 1 to 50px
Brightness
Brightness can be set as a percentage from 100 to 1000%
Contrast
Contrast can be set from 0 to 1000%
Grayscale
Grayscale can be set from 0 to 100%
Hue-Rotate
Hue rotation can be set from -360 to 360 degrees
Invert
Color inversion can be set as a percentage from 0 to 100%
Saturate
Saturation can be reduced to 0 and increased up to 1000%
Sepia
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:
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.
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.
Try out the visual filters in Zero Block, experiment, and create impressive websites on Tilda!
