CSS Slideshow

CSS kód:
#slideshow{
    width: 357px; /* slideshow szélessége */
    height: 775px; /* slideshow magassága*/
    background: url(http://onedweb.com/wp-content/themes/angel/images/kep1.png); /* Az első kép */
    animation: fade 20s 5s infinite; /* az animáció */
}

@keyframes fade {
  0% {
    background: url(http://onedweb.com/wp-content/themes/angel/images/kep1.png);
  }
  20% {
    background: url(http://onedweb.com/wp-content/themes/angel/images/kep2.png);
  }
  40% {
    background: url(http://onedweb.com/wp-content/themes/angel/images/kep3.png);
  }
  60% {
    background: url(http://onedweb.com/wp-content/themes/angel/images/kep4.png);
  }
  80% {
    background: url(http://onedweb.com/wp-content/themes/angel/images/kep5.png);
  }
  100% {
    background: url(http://onedweb.com/wp-content/themes/angel/images/kep1.png);
  }
}

HTML kód:
<div id="slideshow"></div>
Nem kellenek bele a képek.