我需要有关已上传到codepen 的CSS 和 javascript 代码的帮助。
我正在尝试使用 CSS 运动路径，我希望能够使用 JavaScript 来控制它，因此当您按下“前进按钮”时，它会运行到最后一个关键帧并且有效，但是当我按下“后退按钮”时没发生什么事。我会喜欢它移回第一个关键帧。
问题是我的代码是否在正确的轨道上？我需要改变什么？
function myForwardFunction() {
document.getElementById("pathed").style.animationPlayState = "running";
}
function myBackFunction() {
document.getElementById("pathed").style.animationDirection = "reverse";
}section {
width: 244px;
height: 200px;
border: 2px dashed lightgrey;
}
body {
display: flex;
padding: 10px;
flex-wrap: wrap;
gap: 30px;
margin: 0;
height: 100vh;
justify-content: center;
align-items: center;
}
div {
width: 50px;
height: 50px;
border: 1px solid hsl(343, 100%, 58%, .3);
border-right: 5px solid hsl(343, 100%, 58%);
background: hsla(343, 100%, 58%, …