动画完成后保持动画背景色

Question

我添加了一个css类，在应用时稍微抖动一个tr元素，并且颜色渐渐消失，如何使动画中的颜色保持为动画完成后tr的背景颜色？我试图将它添加到高亮类，但是动画没有对背景颜色做任何事情，即使我在第一帧添加了背景：无！重要。

我的样式表：

.highlights {
    animation-name: highlights;
    -webkit-animation-name: highlights; 

    animation-duration: 2s; 
    -webkit-animation-duration: 2s;

    animation-timing-function: ease;    
    -webkit-animation-timing-function: ease;    

    visibility: visible !important;     
}
@keyframes highlights {
    0% {
        background: none !important;
        transform: translateY(-4%);
    }
    50%{
        transform: translateY(8%);
    }
    65%{
        transform: translateY(-4%);
    }
    80%{
        transform: translateY(4%);
    }
    95%{
        transform: translateY(-2%);
    }           
    100% {
        background:#edb138;
        transform: translateY(0%);
    }
}