6

Is there a good way to implement this in Mozilla? I have done it successfully in Webkit using -webkit-background-clip: text;. I have been trying to implement it into Firefox with no success. MDN has it listed as -moz-background-clip but there is no 'text' attribute. The finalized CSS3 attribute is background-clip but I have not been able to find if 'text' is a valid option across engines or if it is a webkit only thing. Thanks in advance for the clarification!

Blurn
  • 79
  • 3
  • 8
  • More solution alternatives are available as answers to question http://stackoverflow.com/q/13932946 – tanius Oct 17 '15 at 15:28

1 Answers1

8

I think Webkit is on their own in supporting this feature at this point. Found an interesting cross-browser variation that uses SVG though: http://www.myadzel.ru/tests/html/text-background/.

Blurn
  • 79
  • 3
  • 8
metavida
  • 1,341
  • 11
  • 12
  • That's what I came up with after about half an hour of research. Interesting... I might see how that works. If I find anything else out I'll report back. – Blurn Mar 29 '11 at 01:12
  • I made your answer the solution because I'm pretty sure you're right about it being webkit only. Thanks for the help. Hopefully this will change, or there will be a better way. Web standards are always changing! – Blurn Mar 29 '11 at 15:20
  • Thanks for the vote. We'll just have to wait and see whether other browsers eventually pick this setting up. Hopefully so! In case you haven't already found it, I always keep my eye on www.css3.info for news about which web standards are being added by various browsers and W3C. – metavida Mar 29 '11 at 18:10
  • Just FYI it's not a standard. – rickyduck Nov 19 '12 at 11:51