The main idea is to create a slideshow effect like in Microsoft PowerPoint but for web page using HTML and CSS only.
Read the full article for more details.
The CSS techniques used in this demo are:
Hence, this demo will only works on those browsers that does supports these CSS properties and attributes.
The slide animation was caused by change of container
left attributes. So, instead of having horizontal scrolling, we could create vertical scrolling as well.
Now, where you want to go? =)
Yeah! you reach here finally... Below shown the sitemap and flow of this demo.
Of course, you can go to any slide (no flow) by using the
<label for="chk-name" />