嗨，我的css動(dòng)畫(huà)有問(wèn)題。我比不上& quot移動(dòng)盒子& quot用他蓋的瓷磚。我使用bootstrap，所以css中的值不能是靜態(tài)的，所以我考慮過(guò)使用js，但我不知道如何將JS值注入關(guān)鍵幀。 這是動(dòng)畫(huà):

@keyframes slide {

0% {
  left: 0%;
  background: red;
}

25%{
  left: 26%;
  background: blue;

}
50%{
  left: 52%;
  background: yellow;

}
75%{
  left: 75%;
  background: purple;
}
100%{
  left: 95%;
  background: purple;
  transform: translatex(-100%);
  
}

下面是完整的代碼:

https://codepen.io/squezer123/pen/JjmVNeN

我想過(guò)只用css，但是我不知道用什么來(lái)達(dá)到那個(gè)效果。我聽(tīng)說(shuō)react可以實(shí)現(xiàn)這一點(diǎn)，但我不確定。