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

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

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

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

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