【发布时间】: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
我正在尝试使用 CSS 制作动画。我需要按照轨道中的线旋转图像,而不是圆形。它就像一个椭圆。 喜欢这张图片。
Image showing how should be the movement
这是我设法做的一些演示 https://codesandbox.io/s/orbit-animation-xhw3o
任何帮助将不胜感激 =D
【问题讨论】:
标签: css css-animations
您可以从header-image.svg 文件中提取轨道d 属性,并将它们用作CSS 运动路径。
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Motion_Path
【讨论】: