Nunca he usado @keyframes, pero dado que se pueden hacer animaciones de forma secuencial, ¿no podría resultar para que
pase por tal y cual grado?
Código CSS:
Ver original@keyframes rueda {
0% {
color: hsl(0, 100%, 50%);
}
50% {
color: hsl(180, 100%, 50%);
}
100% {
color: hsl(360, 100%, 50%);
}
}
Supongo, que no lo sé, que esto sólo funcionaría con animation, no sé si puede usarse con transition.