Добавление тени к элементам

Тени - это мощный инструмент для улучшения дизайна вашего сайта, который придаст глубину и контраст присутствующим на странице элементам.

Следуя следующим шагам, вы сможете активировать и настроить тени для элементов вашего сайта.

Примечание: В настоящее время, тени можно применить к таким элементам: Фигура, изображение, элементы коллекции и колонки.

Добавление тени к фигурам и изображениям

Откройте настройки нужного вам элемента, нажав на шестерню:

Подсказка: На скриншоте выше показано, как открыть настройки элемента “Фигура“, однако отображение применения тени происходит аналогичным образом путем нажатия на кнопку “Настройки изображения“.

Активируйте параметр Тень в разделе настроек Стиль:

Далее вы сможете отредактировать внешний вид тени с помощью следующих настроек:

Положение тени по оси Х (по горизонтали). Увеличьте числовое значение в этом поле, чтобы переместить тень в правую сторону, и соответственно уменьшите, чтобы переместить в левую.

Положение тени по оси Y (по вертикали). Увеличьте числовое значение в этом поле, чтобы переместить тень вверх, и соответственно уменьшите, чтобы опустить ниже.

Размытие. Увеличение значения этого поля сделает тень более плавной.

Размер тени. Минимальный размер тени от границы элемента — 1 пиксель, максимальный — 500 пикселей.

Цвет тени. Вы можете либо выбрать цвет из вашей палитры сайта, либо указать собственный.

Добавление теней к колонкам и элементам коллекции

Теперь вы можете добавлять тени к карточкам коллекции. Для этого, откройте вкладку Стиль, нажав на настройки одного из элементов:

Важно: Добавить тень для элементов коллекции возможно только при условии, если для них был установлен фон или активированы пресеты. Если был выбран пресет “Многоцветный“ (отдельный фон для каждого элемента коллекции), то тень будет применена только к тем элементам, которым задан фон.

Подсказка: После активации переключателя “Тень“, тени будут автоматически добавлены ко всем карточкам в коллекции, которые имеют фон.

Примечание: Если вы создали сайт с помощью шаблона, в котором уже были тени в элементах коллекции, то примененные по этой инструкции тени будут иметь над ними преимущество (будут отображаться вместо старых).

Подобно элементам коллекции, для того, чтобы применить тень к колонке, откройте настройки в правом верхнем углу, где во вкладке Стиль вы сможете осуществить необходимые настройки тени:

После всех настроек не забудьте опубликовать сайт, чтобы изменения отобразились на живом сайте.

Последнее изменение: 25/03/2024

Была ли эта статья полезна?

Спасибо!