Визуальные фильтры в Zero Block

Размытие, яркость, контраст, градации серого, изменение цветового тона, инверсия, насыщенность и сепия — восемь эффектов добавлены в настройки Zero Block.

Чтобы добавить их в свой проект, перейдите в Настройки Zero Block → Effects. Рассмотрим фильтры подробнее.
Blur
Эффект размытия устанавливается от 1 до 50px
Brightness
Яркость задаётся в процентах от 100 до 1000%
Contrast
Контраст можно настроить от 0 до 1000%
Grayscale
Градации серого можно задать от 0 до 100%
Hue-Rotate
Изменение цветового фона задаётся в градусах от -360 до 360
Invert
Инверсия цвета задаётся в процентах, от 0 до 100%
Saturate
Насыщенность можно снизить до 0 и увеличить до 1000%
Sepia
Сепия устанавливается в процентах, от 0 до 100%
Элементы с фильтрами можно накладывать поверх других слоёв. Например, вы хотите «размыть» изображение под шейпом.

Для этого:
  • разместите шейп поверх части изображения;
  • уменьшите значение Opacity у шейпа;
  • задайте ему эффект blur background.

Таким образом, эффект, который был задан для верхнего слоя, применится на нижний. Он будет виден благодаря настроенной прозрачности верхнего слоя-шейпа (Opacity).
Примеры использования эффектов в Zero Block
Визуальные фильтры можно применять к текстам, шейпам, изображениям и кнопкам.
Попробуйте визуальные фильтры в Zero Block, экспериментируйте и создавайте впечатляющие сайты на Тильде!
Читайте также
Макет сайта из Фигмы можно импортировать в Zero Block автоматически.
Для работы в редакторе появились две новые темы — тёмная и светлая. В настройках можно уменьшить интерфейс.
Made on
Tilda