Тема, мягко говоря, не новая, существует ряд статей — на [Smashing Magazine][1] и в [блогах][2], а так же просто [реализации][3] ([исходный код][4], только та часть, которая касается анимации). Но, помимо фатального недостатка, у данных реализаций есть недостатки фактические — первые два варианта не предоставляют управления, а последний хоть и предоставляет, но при переключении слайдов анимация останавливается и её приходится запускать снова. Пожалуй, можно сказать что это фича, но мне хотелось полностью спародировать поведение слайдшоу как если бы оно было написано на javascript (что в итоге всё равно не удалось) — то есть при переклчении анимация продолжается, но начинается с выбранного слайда. Кому лень читать — сразу **[конечный результат][5]**.



[Читать дальше →][6]

[1]: http://www.smashingmagazine.com/2012/04/25/pure-css3-cycling-slideshow/
[2]: http://themarklee.com/2013/10/16/simple-crossfading-slideshow-css/
[3]: http://www.creativejuiz.fr/trytotry/juizy-slideshow-full-css3-html5/
[4]: http://pastebin.com/mMFRYTWn
[5]: http://codepen.io/MartinSchulz/pen/RNwyaE
[6]: http://habrahabr.ru/post/202844/#habracut