18th May 12, 07:54 PM
Join Date: Sep 2008
Re: Conditional Webkit
Sorry, I should have posted the CSS to be more clear.
To give the text a gradient I'm giving the background a gradient and then using the text as a mask. If the browser doesn't support clipping to the text, I'll just use a single colour. It's the clipping to text that's only supported by webkit, so other browsers I guess show the background but don't clip to the text. It's not essential, just a nice to have and a learning experience.
Thanks for your help.
background-image: -webkit-gradient(linear, left top, left bottom, from(#c86476), to(#b44b57));
background-image: -webkit-linear-gradient(top, #c86476, #b44b57);
background-image: -moz-linear-gradient(top, #c86476, #b44b57);
background-image: -o-linear-gradient(top, #c86476, #b44b57);
background-image: -ms-linear-gradient(top, #c86476, #b44b57);
background-image: linear-gradient(top, #c86476, #b44b57);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c86476', EndColorStr='#b44b57');