Pratiquons du CSS, je vous propose de découvrir dans ce tutoriel WebDev, comment animer l'arrière-plan. utiliser le Keyframes permet de définir les séquences auquel les animations vont démarrer.
body{
animation: CouleurB 4s linear infinite;
-webkit-animation: CouleurB 4s linear infinite;
}
@keyframes CouleurB{
0%{
background-color: #071833;
}
12.5%{
background-color: #1c0733;
}
25%{
background-color: #21030c;
}
37.5%{
background-color: #142103;
}
50%{
background-color: #03211d;
}
63.5%{
background-color: #d1af17;
}
75%{
background-color: #4777a8;
}
86.5%{
background-color: #fcf5f5;
}
100%{
background-color: #0e7575;
}
}
@-webkit-keyframes CouleurB{
0%{
background-color: #071833;
}
12.5%{
background-color: #1c0733;
}
25%{
background-color: #21030c;
}
37.5%{
background-color: #142103;
}
50%{
background-color: #03211d;
}
63.5%{
background-color: #d1af17;
}
75%{
background-color: #4777a8;
}
86.5%{
background-color: #fcf5f5;
}
100%{
background-color: #0e7575;
}
}