Как работает свойство background-clip при наложении фоновых изображений на текст?

Свойство background-clip в CSS определяет область элемента, на которую должен распространяться фоновый цвет или изображение. tenchat.ru doka.guide

При наложении фонового изображения на текст свойство background-clip позволяет ограничить фон только областью текста внутри элемента, а не распространять его на всю область элемента. tenchat.ru

Для этого используется значение text свойства background-clip. tenchat.ru doka.guide При его применении фоновое изображение применяется только к области текста, а не перекрывает его. tenchat.ru

Чтобы текст не перекрывал изображение, также необходимо установить цвет текста на transparent. tenchat.ru

Таким образом, свойство background-clip: text позволяет создавать эффекты, в которых фоновое изображение «вплетается» в текстовое содержимое элемента. tenchat.ru