title: Css3 slider multiple images
body: <p>How to create multi items slider with only HTML, CSS?
  I want create slider like <a href="http://owlgraphic.com/owlcarousel" rel="nofollow noreferrer">http://owlgraphic.com/owlcarousel</a> or <a href="http://flickity.metafizzy.co/" rel="nofollow noreferrer">http://flickity.metafizzy.co/</a></p>
  <p><a href="https://i.stack.imgur.com/c6rZv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/c6rZv.png" alt="enter image description here" /></a></p>
  <p><strong>Thera many variant for one visible item like jsfiddle link q4d9m/170/ but I want 3 items in viewport.</strong>(amount of items displayed at a time with the widest browser width)</p>