title: Pseudo element with attr background image
body: <p>I have soome DIVs what should be empty and containt pseudo element AFTER width background source is getted from parent attribue.
  Here is example:
  the html</p>
  
  <pre><code>&lt;div class="slide-image" href="#adad" data-src="some-src"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>the css</p>
  
  <pre><code>   .slide-image {
          overflow: hidden;
          height: 100%;
          width: 100%;
      }
      .slide-image:after {
          content: "";
          background-color: #c2c2c2;
          display: inline-block;
          color: red;
          height: 100%;
          width: 100%;
          background-image: attr(data-src url);
      }
  </code></pre>
  
  <p>I've tried many other ways, but can't make it work.</p>