animated background



<html>
    <style>
    body {


        background-size:100%;
          animation: Back infinite 40s;
        animation-timing-function: ease-in-out;
         animation-direction: alternate ;
        animation-fill-mode: both;
             }


@keyframes Back {
  00%  { background-image: url(file:///D:/backgrounds/20.jpg)}
  10% { background-image: url(file:///D:/backgrounds/21.jpg);}
  20% { background-image: url(file:///D:/backgrounds/23.jpg); }
  30%  { background-image: url(file:///D:/backgrounds/25.jpg); }
  40% { background-image: url(file:///D:/backgrounds/18.jpg); }
  50% { background-image: url(file:///D:/backgrounds/5.jpg); }
  60% { background-image: url(file:///D:/backgrounds/3.jpg); }
  70% { background-image: url(file:///D:/backgrounds/22.png); }
  80% { background-image: url(file:///D:/backgrounds/24.jpg); }
  90% { background-image: url(file:///D:/backgrounds/26.jpg); }
  100% { background-image: url(file:///D:/backgrounds/17.png); }
}
    </style>
    <body bgcolor="grey" >

    </body>
</html>