Design Made In Germany, a website listing creative works of German agencies and designers, is sharing a slideshow created with pure CSS.

It has a nice slide effect that works in all modern browsers -which also degrades gracefully when needed- using the CSS3 transition property and transform property's translateX function.

Pure CSS Slideshow

Every page gets its own URL using hashtags for direct links and history is not broken.

There is no tutorial provided, however, the source of the slideshow is very clean and has only few rules to follow.

Tip: Don't forget to check the meta tag with name="viewport" used for mobile browsers.

WebResourcesDepot Feed