title: Rendering performance - image vs. css gradient or box shadow with border?
body: <p>I have question about website scroll, animation performance. Is better use in your mobile webapp or website:</p>
  
  <ul>
  <li>repeating thin image or CSS3 gradient?</li>
  </ul>
  
  <p>or</p>
  
  <ul>
  <li>repeating image instead box shadow with border?</li>
  </ul>
  
  <p>This is not question about compatibility, I wanna know only performance aspect on scroll, element render and animation.</p>
  
  <p>Because is proved CSS linear gradient is heavier for element rendering than only background-color.</p>