<style type="text/css">@keyframes test {
0% {
background-image: url('http://moisrex.rozblog.com/user/Avatar/moisrex/admin.jpg');
}
35% {
background-image: url('http://moisrex.rozblog.com/user/Avatar/moisrex/ariaman5.jpg');
}
70% {
background-image: url('http://moisrex.rozblog.com/user/Avatar/moisrex/masterhk.jpg');
}
100%{
background-image: url('http://moisrex.rozblog.com/user/Avatar/moisrex/smaeal.jpg');
}
}
#myDiv {
width: 150px;
height: 150px;
background: red;
animation-name: test;
animation-duration: 10s;
animation-iteration-count: 2;
animation-direction: alternate;
animation-timing-function: steps(1, end);
}
</style>
<div id="myDiv"></div>