Tuto WebDev & CSS Animer l'arrière-plan (Animation background)

AUTEUR Code-Codage ~ 16/02/2023
Programmation WEBDEV Débutant

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;
}
}


Réponses