How to make slide towards left and right on click of arrow in slider using css

Question

I have a slider with html,css,javascript. I am using background color as slider, when I click right and left arrow I am using animation as fade with css. But here instead of