Визуальные фильтры в Zero Block
Размытие, яркость, контраст, градации серого, изменение цветового тона, инверсия, насыщенность и сепия — восемь эффектов добавлены в настройки Zero Block.
Чтобы добавить их в свой проект, перейдите в Настройки Zero Block → Effects. Рассмотрим фильтры подробнее.
Чтобы добавить их в свой проект, перейдите в Настройки 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).
Для этого:
- разместите шейп поверх части изображения;
- уменьшите значение Opacity у шейпа;
- задайте ему эффект blur background.
Таким образом, эффект, который был задан для верхнего слоя, применится на нижний. Он будет виден благодаря настроенной прозрачности верхнего слоя-шейпа (Opacity).
Примеры использования эффектов в Zero Block
Визуальные фильтры можно применять к текстам, шейпам, изображениям и кнопкам.
Попробуйте визуальные фильтры в Zero Block, экспериментируйте и создавайте впечатляющие сайты на Тильде!
Читайте также
Макет сайта из Фигмы можно импортировать в Zero Block автоматически.
Для работы в редакторе появились две новые темы — тёмная и светлая. В настройках можно уменьшить интерфейс.
