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

Question

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

Answer 1

Из блога WebKit :

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

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

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

Answer 2

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