Анимация Ключевые кадры без выцветания?

Question

@keyframes test { 

    0% { color: red; } /* Starts red */ 
    50% { color: green; } /* Fades to green from red */ 
100% { color: blue; } /* Instant blue? Is no fading from green possible? */ 

} 

Можно ли иметь 0% - 50% переход обычно от red к green, а затем blue появляются мгновенно после того, как, без перехода? Таким образом, в примере выше, как только 50% завершено, он немедленно становится blue (т. Е. Без замирания от зеленого) до 100%?

Answer 1

есть посмотреть на этот fiddle работает нормально

<div class="top"></div> 

.top { 
    width: 100px; 
    height: 100px; 
    background: red; 
    animation: test 5s; 
} 

@keyframes test { 
    0% { background:red; } 
    50% { background:green; } 
    50.01% { background:blue; } 
    100% { background:blue; } 
}