title: Fading text with PNG
body: <p>How can i make a fading text inside </p>
  
  <pre><code>&lt;div class="box"&gt;
  &lt;p&gt;some text, some text&lt;/p&gt;
  &lt;div class="fading"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  .box {
  width: 200px;
  }
  
  .fading {
  background: url('img/fading.png') no-repeat 0 0;
  }
  </code></pre>
  
  <p>but what if i have not a white background for example like here: <a href="http://beta.ruh.kz" rel="nofollow noreferrer">http://beta.ruh.kz</a> (ПОПУЛЯРНЫЕ СТАТЬИ - called block with text)
  How can i do a png fading trick if there's not a white background?</p>
  
  <p><img src="https://i.stack.imgur.com/PoiYY.png" alt="fading text at the bottom"></p>