Разница между "-webkit-text-fill-color" и "color"?

Я пытаюсь понять разницу между -webkit-text-fill-color и просто просто color? Есть ли какая-либо функциональная разница? Насколько я могу судить, они точно такие же.. Есть ли что-то, что вы могли бы сделать с одним, а не с другим?

Ответы

Ответ 1

Из блога WebKit:

text-fill-color - это свойство позволяет указать цвет заливки для текста. Если он не установлен, свойство color будет использоваться для заполнения.

Итак, да, они одинаковы, но -webkit-text-fill-color будет иметь приоритет над color, если они имеют разные значения.

Я думаю, что для этого можно предположить, что вы можете выбрать другой цвет, если хотите, используя -webkit-text-stroke, но он будет изящно опуститься до color, если -webkit-text-stroke недоступен (и, следовательно, -webkit-text-fill-color не является). Могут быть случаи, когда в противном случае вы могли бы получить нечитаемый текст.

Ответ 2

-webkit-text-fill-color может быть установлен на transparent, что позволяет делать некоторые действительно интересные вещи в тексте, например, задавать горизонтальный градиент. Проверьте этот пример радужного текста: http://jsfiddle.net/DoubleYo/qGfzm/