title: Transparent text with solid stroke in CSS
body: <p>I have an image as background on my body (purple kind of gradient).
  In the middle of the page there's some text. I want the text to be transparent (i.e. show the purple gradient) but I want a solid color 1px stroke on the text to be visible.</p>
  
  <pre><code>text-shadow: 1px 0 red, -1px 0 red, 0 1px red, 0 -1px red;
  </code></pre>
  
  <p>wont work because if you make the text transparent, you'll see the shadows.</p>
  
  <pre><code>color: rgba(0,0,0,0);
  </code></pre>
  
  <p>doesn't make the text see through and..</p>
  
  <pre><code>opacity: 0;
  </code></pre>
  
  <p>stuff makes the stroke opaque as well.</p>
  
  <p>Any ideas? Is this possible with CSS only ?</p>
  
  <p>EDIT: I just read about text-stroke. But can't find anything useful.</p>