Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I would like to know if it’s possible to replace a text’s color by a background picture.
I don’t think that can be done using CSS only, but I’m looking for any other way to do that without using png pictures for the text.
The idea is to keep the background image visible on the font only.
Its really not that easy…
Safari and Chrome offer the property
-webkit-mask-imagewhich accomplishes exactly what you want but is not supported by any web browser other than Safari and Chrome… read about it here.However, there is this alternate “trick”…
Pure CSS Text Gradient
I don’t exactly recommend it but I guess you can’t really go wrong, the only problem is when you have other elements on the same line as the text, because this gradient will cut right through the page… If these are suitable, writing the JavaScript would be fairly easy but the CSS Text Background Image in it self is quite the question.