Как реализовать мгновенную смену изображений на css3?

Question

[kiberlain]

Есть блок в котором плавно сменяются бэкграунды на css3

https://jsfiddle.net/vv6y5gL2/1/

Но дело в том что плавность не нужна, требуется что бы переходы осуществлялись мгновенно

Вот такое решение мне кажется кривым и неправильным

@keyframes animationName {
    0% {
        background-color: red;
    }
19%{
        background-color: red;
}
    20% {
         background-color: blue;
    }
39%{
         background-color: blue;
}
    40% {
         background-color: green;
    }

    79% {
         background-color: green;
    }
    80% {
         background-color: yellow;
    }
   
    99% {
         background-color: yellow;
    } 
    100% {
         background-color: red;
    }
}

должен быть более изящный способ

Answer 1

[outcastik]

animation: animationName 10s infinite step-end;