CSS - 如何对从点击点到目的地的跨度进行动画处理？[关闭]-解网

问：

想改进这个问题吗？更新问题，使其仅通过编辑这篇文章来关注一个问题。

8天前关闭。

这篇文章在 8 天前被编辑并提交审核，未能重新打开帖子：

原始关闭原因未解决

改进此问题

我有一个 react js 应用程序，我希望能够完成以下动画。

页面上有几个可点击的 div，这里和那里。目前，当用户单击它们时，页面左上角的 div 会附加一个 span。为了使这一点更加明显，我希望跨度在用户单击的地方生成/出现，然后飞行/过渡到目的地。

我怎样才能做到这一点，无论是使用纯 css 还是一些动画库？

尝试了常规的css并研究了framer-motion。

CSS ReactJS 动画

如果没有编码尝试，问题就是“请求免费代码”（这在 Stack Overflow 上是题外话），无论你研究了多少，或者你作为开发人员的经验如何。在尝试后，向我们展示您尝试过的内容，并链接说明您尝试过的内容应该有效的任何文档。简而言之，在问题中记录您的（重新）搜索。

0赞 Jon P 11/15/2023

至少，您应该提供当前行为或应用的最小可重现示例，以便我们有一个起点。如果我们必须猜测它是什么，我们如何才能建立在你所拥有的东西之上？最好还是举个例子，说明你迄今为止最好的尝试。你具体遇到了什么问题？确定起始位置？在那里显示元素？将元素动画化到最终位置？

答： 暂无答案

CSS - 如何对从点击点到目的地的跨度进行动画处理？[关闭]