/* On a une seule animation */
animation-play-state: running;
animation-play-state: paused;
/* On gère plusieurs animations */
/* avec des valeurs respectives */
animation-play-state: paused, running, running;
/* Valeurs globales */
animation-play-state: inherit;
animation-play-state: initial;
animation-play-state: unset;animation: name time func delay iteration dir fill play;
animation: none 0s ease 0s 1 normal none running;animation-name: none;
animation-duration: 0s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: 1;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;Here a codePen with cool animations:
https://codepen.io/DevLorenzo/pen/ExgpvJM#anim {
animation-name: colorful;
animation-duration: 3s;
}
@keyframes colorful {
0% {
background-color: blue;
}
100% {
background-color: yellow;
}
}<style>
div{
height:50px;
width:50px;
background: #3ba59b;
border-radius: 50%
}
</style>