Свойство background-clip и -webkit-background-clip в контексте градиентных текстов отличаются по своему действию:
- background-clip удаляет фон со всего блока кроме области под текстом. webformyself.com По стандарту это свойство равно border-box (то есть на сам элемент), а для градиентного текста значение меняется на text, чтобы задний фон применялся к тексту. ru.stackoverflow.com
- -webkit-background-clip обрезает любой фон (в том числе градиентный) по границе текста. html5book.ru Используется в сочетании с свойством -webkit-text-fill-color: transparent, которое обеспечивает прозрачность букв текста, за счёт чего фон проглядывает через него. html5book.ru
Таким образом, основное отличие в том, что background-clip удаляет фон в целом, а -webkit-background-clip устанавливает цвет фона (в том числе градиент или картинку) только для текста, обрезая его по границе. htmlbook.ru html5book.ru