К содержанию
Справка
Мои сайты

Справка · Справочник панели свойств

Оформление: заливка, обводка и форма

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

Карточка с градиентной заливкой и округлой обводкой окружена цветовыми образцами.
Где это находится
  1. 1Продвинутый режим
  2. 2Выделите элемент
  3. 3Заливка / Обводка / Вид

Задать цвет или градиент

  1. Выделите контейнер карточки в дереве слоёв. Если выбрать заголовок внутри, заливка изменит буквы, а не фон карточки.
  2. Откройте «Заливка» и нажмите на цвет. Выберите сплошной цвет или тип градиента в открывшейся палитре.
  3. Для точного цвета введите HEX-код, например F3F7F2. Для градиента задайте два цвета и направление.
  4. Щёлкните вне палитры и проверьте карточку. Затем выберите текст внутри и убедитесь, что он читается на новом фоне.

Заливка текста окрашивает сами буквы. Для фона под текстом выберите его контейнер. Кнопка «Добавить слой заливки» доступна для элементов с фоновой заливкой; у букв её нет. Несколько слоёв складываются с учётом их прозрачности и смешивания.

Добавить рамку

  1. У того же контейнера откройте «Обводка». Выберите цвет и задайте толщину, например 1 px.
  2. В списке стиля выберите сплошную линию, пунктир или точки. Для градиентной обводки выбор пунктирного стиля недоступен.
  3. Чтобы убрать рамку, задайте толщину 0.

У текста обводка проходит по буквам. Градиентная обводка букв в этой панели недоступна; для градиентного текста используйте «Заливку».

Скругление, прозрачность и поворот

  1. Откройте «Вид» в панели свойств и задайте «Скругление», например 16 px. Кнопка с уголками рядом открывает отдельное значение для каждого угла.
  2. Оставьте «Прозрачность» 100, если вся карточка и её содержимое должны быть непрозрачными. Для полупрозрачного фона при читаемом тексте меняйте прозрачность самой заливки.
  3. При необходимости задайте угол в «Наклон и отражение» или используйте кнопки поворота на 90° и зеркального отражения.
  4. Проверьте оформление на телефоне и компьютере, затем опубликуйте изменения.

«Вид» здесь — раздел свойств элемента, а не одноимённое меню верхней панели. Прозрачность 0 делает элемент невидимым, но не удаляет его и не освобождает место. «Смешивание» меняет наложение цветов; начните с «Обычное», если такой эффект не нужен.