Текстовые эффекты

Вы можете применять текстовые эффекты для улучшения визуального вида текста. Однако эти эффекты поддерживаются только для шрифтовых ассетов с режимом отображения SDF, а не для растровых. Диапазон текстовых эффектов ограничивается заполнением, определенным для шрифтового ассета. Поэтому для увеличения размера эффекта необходимо увеличить заполнение.

Вы можете использовать текстовые эффекты для:

Применение теней текста
Применение контуров текста

Применение теней текста

Чтобы применить тени к тексту, установите свойство text-shadow в файле USS, встроенное в UXML или в скрипте C#.

text-shadow — это краткое свойство, которое устанавливает следующие свойства:

text-shadow-offset-x: Горизонтальное смещение тени. Положительные значения перемещают тень вправо, а отрицательные значения перемещают её влево.
text-shadow-offset-y: Вертикальное смещение тени. Положительные значения перемещают тень вниз, а отрицательные значения — вверх.
text-shadow-blur-radius: Интенсивность размытия тени. Большие значения приводят к большему размытию тени, в то время как 0 создает резкую тень.
text-shadow-color: Цвет тени, либо в виде шестнадцатеричного кода, либо в формате RGBA.

Следующий пример применяет тень к элементу Label:

Label {
    text-shadow: 6.1px -2.4px 0px rgb(144, 31, 32);
}

Применение контуров текста

Чтобы применить контуры к тексту, установите свойство unity-text-outline в файле USS, встроенное в UXML или в скрипте C#.

unity-text-outline — это краткое свойство, которое устанавливает следующие свойства:

-unity-text-outline-width: Ширина контура.
-unity-text-outline-color: Цвет контура, либо как шестнадцатеричный код, либо в формате RGBA.

Следующий пример применяет контур к элементу Label:

Label {
    text-outline: 6px rgb(144, 31, 32);
}