title: Strange diagonal lines in Chrome/Chromium (bug?)
body: <p>When I use CSS filters, shadows, transformations, SVG (or similar), my Chrome/Chromium shows a strange diagonal lines:</p>
  
  <pre><code>    filter:drop-shadow(0px 0px 10px #dce810);
      transform:skew(-15deg); 
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/pfPL4.png" rel="noreferrer"><img src="https://i.stack.imgur.com/pfPL4.png" alt="Diagonal lines error Chrome/Chromium"></a></p>
  
  <p>No error in Firefox (Windows) / Canary Chrome 58. Error on Chrome 56 and Chromium 58 (Windows).</p>
  
  <p>In this pen, ocurrs this error (at end, when switch on title):
  <a href="https://codepen.io/manz/pen/jyYKJo" rel="noreferrer">https://codepen.io/manz/pen/jyYKJo</a></p>
  
  <p>Does anyone know if it's a known bug or some problem that is solved by disabling any option?</p>