In this example We are animating the elements opacity to have the different slides fade in and out.
Demo with CSS transform
In example we are animating the CSS transform: translate() property instead to make each image slide in/out rather than fade in/out.
Simply replace the CSS keyframe animation with this:
newburyhistory.co.uk has put my slider into good use.
If you are using my slider in an interesting way as well, you might earn yourself a link here too. Please contact me with your link