CSS3 Slider With Toggle

This experiment has been heavily inspired on Caleb Jacob's CSS3 Content Slider experiment; I had already been thinking and working on content animations before and I wanted to build something different so I wrote this from scratch while trying to remain as semantic as possible, and added a toggle action to activate/disable the slider. The main disadvantage of having a toggle this way is that you can't make content inside the slider clickable (external links, etc), otherwise the toggle is rendered useless. We could add controls outside the slider if that's the case though.

I am using Lea Verou's -prefix-free in order to use unprefixed CSS properties; if you want to use this example you will have to either use -prefix-free or add the proper vendor prefixes to each CSS declaration.