CSS PLAY
Doing It With Style
1/12
2/12
3/12
4/12
5/12
6/12
7/12
8/12
9/12
10/12
11/12
12/12
1/12
2/12
3/12
4/12
512
It is amazing what can be done with just CSS using @container with inline-size queries. NO JS or jQuery !
One more slideshow using the @container queries to allow the animation to be produced using transitions instead of @keyframes.
I believe that CSS Play is the first website to use this method of controlling a slideshow.
This is a slideshow with multiple images on screen and a wrap around animation.
It is also responsive with the number of visible image reducing from five to four to three and finally to two depending on the screen width.
It is also amazing how little CSS and HTML is required to produce such a complex slideshow.
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.