Date : 10th March 2026

For all the latest browser versions

Click/Tap buttons to select slide.

Information

The CSS Play method of controlling a CSS ONLY slideshow using the latest CSS style @container.

Only CSS and HTML, no javascript, jQuery or any other version of CSS.

This is the simplest slideshow to date. All the variables are held as CSS variables. All you need to do is update the CSS depending on the number of images and the timings.

Also add the the images to the HTML with their associated inputs.

The CSS and HTML are commented to indicate the function of each section.

If you want to use this slideshow in your website design please keep the copyright comment in the stylesheet and make a support donation using the PayPal button below. Every little helps in keeping this website going.

Please consider making a donation, every little helps.