Transparent text using css

transparent text

I need to write any text in transparent (instead of "200") like in the image. Instead of "200" I need to change this text. Is it possible?

HTML:

<div class="blocks">
      <div class="trans-200">200</div>
</div>

      

+3


source to share


1 answer


It is not possible to do this cross browser if you are not using an image. There is an option for webkit:

background: url(images/wood_texture.jpg) repeat;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;

      



http://www.silenceit.ca/2011/03/11/css-gradients-and-webkit-image-masks-on-text/

+2


source







All Articles