【问题标题】:Creating an orbit animation创建轨道动画
【发布时间】:2022-01-16 22:23:47
【问题描述】:

我正在尝试使用 CSS 制作动画。我需要按照轨道中的线旋转图像,而不是圆形。它就像一个椭圆。 喜欢这张图片。

Image showing how should be the movement

这是我设法做的一些演示 https://codesandbox.io/s/orbit-animation-xhw3o

任何帮助将不胜感激 =D

【问题讨论】:

    标签: css css-animations


    【解决方案1】:

    您可以从header-image.svg 文件中提取轨道d 属性,并将它们用作CSS 运动路径。 https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Motion_Path

    【讨论】:

    • 您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息,例如引用或文档,以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-05-15
    • 2013-04-02
    相关资源
    最近更新 更多