title: Gradient over img tag using css
body: <p>I want to place a gradient over an <code>&lt;img&gt;</code> tag. <code>src</code> attribute of the tag is angular-item. For example:
  <code>&lt;img src={{value.angitem.image}}&gt;</code></p>
  
  <p>I've tried to make css class:</p>
  
  <pre><code>.pickgradient {
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));
  }
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;img src={{value.angitem.image}} class="pickgradient "&gt;
  </code></pre>
  
  <p>but it doesn't work. What should I do?</p>