Mobile Friendly Website

CSSPLAY

Doing it with style

CSS DEMOSResponsive autorun slideshow - using html5 <picture>

Date : 26th April 2017

For all the latest browsers and operating systems


My default image
My default image
My default image
My default image

Photograph #1

A street performer around Bath Abbey.

Photograph #2

A street performer around Bath Abbey.

Photograph #3

A street performer around Bath Abbey.

Photograph #4

A street performer around Bath Abbey.


Information

Just minimal CSS, no scripting language.

A responsive auto-run slideshow using HTML5 <picture> to have four different sized images depending on the size of the browser window.

The images are foreground images and wrap around when at the last image so that there is no fast scroll through all the images to go back to the first one.

The text over the images slide in from the left and also wrap when at the last text panel.