[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/

Source: stackoverflow.com

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

2 divs aligned side by side, how to make right div fill width 100%?

WPF Ellipse with BackgroundColor and Image

ggplot2 - Shade area above line

R::ggplot2::geom_points: how to swap points with pie charts?

R: Fill empty cell with value of last non-empty cell

Fill between x and baseline x position in Matplotlib

Fill several sections below a curve of data in Gnuplot

How to fill colors in some specific area in R?

Cordova - Adaptive icons on Android

Angular 2 svg:circle fill attribute binding