Градиенты в веб-дизайне притягивают взгляд пользователя, добавляют глубину цвета и создают иллюзию трёхмерного пространства. Используйте их, чтобы сделать страницу ярче и свежее. Рассказываем подробнее 👇
✨ Линейный градиент (Linear)
В линейном градиенте переход между цветами происходит по прямой линии. Можно использовать несколько цветов, изменить расстояние между ними внутри градиента и задать любой угол направления для цветового сочетания.
Чтобы добавить линейный градиент на элемент, перейдите в Настройки Zero Block → Background Color → Linear. Чтобы добавить ещё один цвет, выберите его на панели. Чтобы удалить цвет, зажмите его и потяните вниз. Под палитрой можно задать угол, под которым будет отображаться градиент — введите число или покрутите виджет мышкой.
✨ Радиальный градиент (Radial)
Переход между цветами в радиальном градиенте происходит из центра наружу по кругу. В настройках блока можно задать любое количество цветов и расстояние между ними внутри градиента.
Чтобы добавить радиальный градиент на элемент, перейдите в Настройки Zero Block → Background Color → Radial.
📌 Оба эффекта применимы к фону блока, к тексту, кнопкам, шейпам и тултипам.
Подробнее о градиентах в Zero Block 👉 https://blog.tilda.cc/gradients-in-zero-block