CSS: how we can do slide animation in slider?

Question

I have a simple slider where animation between slides is only made by opacity.

I have no idea how I can do slide animation from left to right when the user clicks on the