title: Gradient line with dashed pattern
body: <p>I need to create a dashed line with a linear gradient.
  I managed to create a dashed line using <code>&lt;hr /&gt;</code> and the following styling:</p>
  
  <pre><code>line {
    border: 0px;
    border-bottom: 2px dashed;
  }
  </code></pre>
  
  <p>And I also know that to achieve a gradient I need to do:</p>
  
  <pre><code>background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(black));
  </code></pre>