画像のように、テキストを透明( "200" ではなく)で書く必要があります。「 200 」の代わりに、このテキストを変更する必要があります。出来ますか???
HTML :
<div class="blocks">
<div class="trans-200">200</div>
</div>
画像のように、テキストを透明( "200" ではなく)で書く必要があります。「 200 」の代わりに、このテキストを変更する必要があります。出来ますか???
HTML :
<div class="blocks">
<div class="trans-200">200</div>
</div>
画像を使用しない限り、このクロスブラウザを実行することはできません。ただし、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/