4
如何在CSS“过山车”动画中弯曲一条线？
我正在尝试使用CSS创建过山车风格的动画。 我想知道在循环阶段如何弯曲“过山车”。 我正在寻找所有CSS解决方案，但是如果需要一点JavaScript，我可以接受。 到目前为止，我的代码： #container { width: 200px; height: 300px; margin-top: 50px; position: relative; animation: 10s infinite loop; animation-timing-function: linear; } #coaster { width: 100px; height: 10px; background: lightblue; position: absolute; bottom: 0; left: 1px; right: 1px; margin: 0 auto; } @keyframes loop { from { margin-left: -200px; } 30% …