SOURCE

function start() {
    
}

<div>
    <span>a</span>
    <span>b</span>
    <span>c</span>
    <span>d</span>
    <span>e</span>
    <span>f</span>
    <span>g</span>
    <span>h</span>
    <span>i</span>
    <span>j</span>
</div>
<div>
    <button onclick="start">点击执行动画</button>
</div>

div {
    padding: 10px;
}
span {
    min-width: 100px;
    text-align: center;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #000;
}
.active {
    animation: active 200ms;
}
@keyframes active {
    from {
        background-color: #fff;
    }
    to {
        background-color: yellow;
    }
}