body{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
.container{
height: 100%;
width: 100%;
background: url(../../images/bg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: 5s;
animation-name:animate ;
animation-direction:alternate-reverse;
animation-duration:30sn ;
animation-fill-mode:forwards ;
animation-iteration-count:infinite;
animation-play-state:running ;
animation-timing-function:ease-in-out ;
}
@keyframes animate{
0%{
background: url(../../images/egitim.jpg) ;
}
20%{
background: url(../../images/soru.jpg);
}
40%{
background: url(../../images/pic011.jpg) ;
}
60%{
background: url(../../images/pic011.jpg) ;
}
80%{
background: url(../../images/pic011.jpg) ;
}
100%{
background: url(../../images/pic011.jpg) ;
}
}
değişen pek bişi olmadı gibi