Simple fading slideshow

only in CSS


Cum sociis natoque penatibus et felis. Fusce aliquet ac, blandit quis, interdum arcu faucibus lorem, ut malesuada id, condimentum ac, laoreet


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Gravida sodales. Aenean ut erat. Pellentesque eu turpis vulputate tortor et ultrices consectetuer. Etiam dapibus augue turpis, molestie elit, sit amet eleifend mauris sit amet, tellus. Praesent scelerisque feugiat.


Battlefield: Bad Company 2przenosi rozgrywkę znaną z serii Battlefield na front next-genowych konsol i PC-tów! Walka odbywa się na 8 wielkich, otwartych mapach, a na każdej z nich trzeba stosować zupełnie inną taktykę!


My cup! And my beloved keyboardAll of them are dead now...

Few words...

Slideshows are now one of the most popular element of webdesign. I think that about 80% new websites has some kind of it. Fading ones or scrolling. I love that first type, so I tried to make it only with CSS, because I don't know jQuery so much. And it works! Of course only in modern browsers (new IE isn't working either, bacause of not understanding @keyframes from CSS3), but I'm still thinking this slideshow is something good and useful.

That code is huge, I know that. But it's still not so huge like jQuery :)

Read the instruction

Internet Explorer not supported (22,6kB)
Created by:

Copyright © 2012CSS simple fading slideshow