How to create transparent text color with css?

Asked Apr 20 '15 at 11:19

Active Apr 20 '15 at 11:28

Viewed 63 times

I want to have a transparent text to be able to see background of that text, Imaging that there is an h1 on body and body have a background, I want to see the background that is under h1 with a background:white and color:transparent

something like this:

enter image description here

But when I set color to transparent, it will show the h1 background color

Please see this fiddle

there are another question here, But this is not working in Firefox, and I need to have something that works in all major browsers!

edited May 23 '17 at 11:57

Community

asked Apr 20 '15 at 11:19

LASH

related http://stackoverflow.com/questions/13932946/transparent-text-with-white-background-with-css – SubjectCurio Apr 20 '15 at 11:25
Its not transparent text color as the text lies on white background color... – G.L.P Apr 20 '15 at 11:27
@K.B.M so what it is? – LASH Apr 20 '15 at 11:30
Have a look on this post - https://css-tricks.com/clipping-masking-css/ . You'll probably need to resort to SVG's fill – robjez Apr 20 '15 at 11:31

How to create transparent text color with css?

0 Answers0