<p>ブロック要素に適用した場合</p>
<p class="text">吾輩は猫である。名前はまだない。 どこで生れたか頓(とん)と見当がつかぬ。</p>
<p>インライン要素に適用した場合</p>
<span class="text">吾輩は猫である。名前はまだない。 どこで生れたか頓(とん)と見当がつかぬ。</span>
.text{
  margin:20px;
   line-height: 1.1;
   font-size: 3.5em;
   font-weight: bold;
   color: rgba(0,0,0,0); 
   background: url(http://jsrun.it/assets/k/Y/r/v/kYrvM.jpg) center;
   -webkit-background-clip: text;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.