Как сохранить css3 изменение анимации

Question

Цель - сохранить красный фон в конце анимации.

Использование хром http://codepen.io/JulianNorton/pen/RNqLZM

.animation { 
    -webkit-animation:test-animation 2s 2; 
    // Animation stops after a few seconds, state doesn't stay red. 
} 


@-webkit-keyframes test-animation { 
    0% { 

     background-color:#fff 
    } 

    100% { 
     background-color:red 
    } 
} 

@keyframes test-animation { 
    0% { 
     background-color:#fff 
    } 

    100% { 
     background-color:red 
    } 
} 

Answer 1

animation-fill-mode: forwards; 

скорее всего то, что вы искали. Источник: CSS Animation property stays after animating

Answer 2

Просто установите цвет фона .animation элемента на красный. Поскольку анимация ключевого кадра запускается автоматически, она сначала не будет красной, а белая, как вы хотите.