title: Dotted border with linear gradient
body: <p>I have a dotted border with a color code #664914. I would like to have this border fade with a black gradient towards the end. The current css is as below:</p>
  
  <pre><code>#div1{width:1000px;border-bottom:1px dotted #664914; margin: 5px auto 0;}
  </code></pre>
  
  <p>Is what am trying to achieve possible to achieve with css? If so how can i achieve this. I know my question could be quite obvious but am having a hard time trying to figure it out.</p>