How to slide elements using CSS and Javascript

 <section class="trp">
      <div class="box">GH</div>
      <div class="box">IJ</div>
      <div class="box">KL</div>
      <div class="box">MN</div>
      <div class="box">OP</div>
      <div class="box">QR</div>
    </section>
    <button class="prev">Prev</button>
    <button class="next">Next</button>