title: CSS Background-image layer add by CSS
body: <p>I have a DOM element:</p>
  
  <pre><code>&lt;div style="background-image: url(layer1.png)"&gt;...&lt;/div&gt;
  </code></pre>
  
  <p>I want to add next layer using CSS:</p>
  
  <pre><code>div {
    background-image: url('layer2.png'),radial-gradient( rgba(255, 255, 255, 0.85) 0%, rgba(236, 245, 245, 0.19) 75%, rgba(236, 245, 245, 0) 100%);
  }
  </code></pre>
  
  <p>As a result i need to have DIV with all 3 layers as a background image.
  Is it possible by pure HTML5 CSS3?</p>