Html CSS"；“反弹”；线内屏幕动画

我有一个很酷的想法，但我有点被困在如何实现这一点

这是一个关于创建反弹球动画的教程：

我想创造一些类似的东西，但与蠕虫一样的线。这条线面对着它前进的方向，当它碰到墙时会改变方向

我想这其中有两部分我无法理解：

我如何使线朝向它前进的方向？使用CSS

当管线到达容器末端（例如屏幕）时，如何获得类似蠕虫的方向变化

---

提前谢谢

仅使用CSS将很难做到这一点。球是圆的，所以当它“击中”和边缘时，它只是反弹。一条线会反弹到一半，在反弹过程中，该线会朝两个方向移动（已从墙上反弹的部分和未从墙上反弹的部分）。仅仅使用CSS是无法轻松做到这一点的

---

要使直线朝您希望的方向移动，只需使用正确的变换量：旋转，使其指向移动的同一方向。同样，这将工作，并将好看，直到线运行到墙上

猜测一下，您可能还需要使用JavaScript。这里有一些灵感。谢谢Femker现在你让我想。。。我现在明白了，只使用CSS的解决方案是不可能的。谢谢：）