WebResourcesDepot

Posted by | Posted on 13:26

WebResourcesDepot


Create A Slideshow With Pure CSS (Easily)

Posted: 18 Feb 2011 10:53 PM PST

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.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Comments (0)

Post a Comment