title: CSS 3 gradients for styling SVG elements
body: <p>Is it possible to use CSS3 gradients for styling fill property?</p>
  
  <p>I know that SVG provides their own gradients. But the ideal solution for me would be:</p>
  
  <pre><code>.button{
      fill:#960000;
      fill: -webkit-gradient,linear,left bottom,left top,
            color-stop(0.45, #37304C),color-stop(0.73, #534D6B));
      fill: -moz-linear-gradient(center bottom,#37304C 45%,#534D6B 73%);
      ...
  }
  </code></pre>
  
  <p>When I tried to use SVG gradients, I got stucked when I tried to extract style attribute to external stylesheet. It seemed that fill:url(#linearGradientXYZ) didn't work as the gradient was defined in .svg file.</p>