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.
Try out the visual filters in Zero Block, experiment, and create impressive websites on Tilda!
Made on