title: How do I combine CSS "text-shadow" and "background-image: -webkit-gradient"
body: <p>I am trying to achieve a gradient + text shadow effect in Chrome/Safari using CSS text-shadow and a combination of text-shadow and background-image: -webkit-gradient, see example blw. I can only make one of the effects apply(if I add the shadow the gradient disappears. What am I doing wrong?</p>
  <pre><code>h1 {
  font-size: 100px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 1px 1px #fff;
  }
  </code></pre>