[ACCEPTED]-Difference between "-webkit-text-fill-color" and "color"?-fill

Accepted answer
Score: 34

From the WebKit blog:

text-fill-color – This property allows you to 11 specify a fill color for text. If it is 10 not set, then the color property will be used 9 to do the fill.

So yes, they are the same, but 8 -webkit-text-fill-color will take precedence over color if the two have 7 different values.

I think the rationale for 6 this is that you can choose a different 5 color if you want when using -webkit-text-stroke, but it will 4 gracefully fall back to color if -webkit-text-stroke isn't available 3 (and thus -webkit-text-fill-color isn't either). There may be cases 2 where you would otherwise end up with unreadable 1 text.

Score: 27

-webkit-text-fill-color can be set to transparent which allows you to do some 3 really interesting things on text, like 2 setting a horizontal gradient. Check out 1 this rainbow text example: http://jsfiddle.net/DoubleYo/qGfzm/

More Related questions