In Tilda’s Zero Block, you can apply visual filters to various design elements without using other editors. See what filters are available and how to apply them in Zero Block
Blur
Soften the edges of an element to create a smooth effect. It can be applied to background images, interface elements, or text. Most often the Blur effect is used for background elements to give volume and softness to the UI.
To set the Blur effect in Zero Block:
Select the element —> Effect —> Blur, then set the effect value in the Eff. Value.
The higher the value, the more intense the blur will be.
Background Blur
Create depth and focus attention on the foreground by blurring the background. The effect is often used to emphasize the key message, e.g., a header or menu background. Besides, it can reduce visual noise if the background image is too bright and contains lots of details.
To set the Background Blur effect in Zero Block:
Select the element —> Effect —> Background Blur, then set the effect value in the Eff. Value.
The effect will only be visible if the opacity of the element is set to less than 100%.
Background Invert
The inversion effect allows you to invert the colors under the element. If the text under the element is black, after applying the effect, the text will turn white. This effect attracts attention and makes the website unforgettable.
To set the Background Invert effect in Zero Block:
Select the element —> Effect —> Background Invert, then set the effect value in the Eff. Value.
The effect is the most visible when the opacity of an element is set to 0%.
More about visual filters in Zero Block: blog-en.tilda.cc/visual-effects-in-zero-block
Blur
Soften the edges of an element to create a smooth effect. It can be applied to background images, interface elements, or text. Most often the Blur effect is used for background elements to give volume and softness to the UI.
To set the Blur effect in Zero Block:
Select the element —> Effect —> Blur, then set the effect value in the Eff. Value.
The higher the value, the more intense the blur will be.
Background Blur
Create depth and focus attention on the foreground by blurring the background. The effect is often used to emphasize the key message, e.g., a header or menu background. Besides, it can reduce visual noise if the background image is too bright and contains lots of details.
To set the Background Blur effect in Zero Block:
Select the element —> Effect —> Background Blur, then set the effect value in the Eff. Value.
The effect will only be visible if the opacity of the element is set to less than 100%.
Background Invert
The inversion effect allows you to invert the colors under the element. If the text under the element is black, after applying the effect, the text will turn white. This effect attracts attention and makes the website unforgettable.
To set the Background Invert effect in Zero Block:
Select the element —> Effect —> Background Invert, then set the effect value in the Eff. Value.
The effect is the most visible when the opacity of an element is set to 0%.
More about visual filters in Zero Block: blog-en.tilda.cc/visual-effects-in-zero-block
