title: Css overflow hidden div fading
body: <p>This is something that i want to <a href="https://imgur.com/KgElXpY" rel="nofollow noreferrer">achieve</a>.</p>
  
  <p>thing similar to <a href="https://codepen.io/sebj54/pen/einIw" rel="nofollow noreferrer">this</a> *but this is fading by using color.</p>
  
  <p><pre></p>
  
  <code>&lt;div class="something"&gt;
    &lt;div class="inside"&gt;
      &lt;p&gt;Long wordingggggggggggggggggggggggggggggggggggg&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <blockquote>
    <p>.something { overflow:hidden; width: 100px; }</p>
  </blockquote>
  
  <p>I wanna make the div opacity fading , instead of the color . Is is possible?</p>