有没有一个简单的解决方法来旋转路径上的css椭圆阴影而不是中心锚点？

<svg width="200" height="200">
  <path id="path" d="M100,50 a1,1 0 1,0 0,100 a1,1 0 1,0 0,-100" fill="none" stroke="black" stroke-width="2" />
  <circle id="shadow" cx="100" cy="50" r="5" fill="black">
    <animateMotion dur="5s" repeatCount="indefinite">
      <mpath href="#path" />
    </animateMotion>
  </circle>
</svg>

#shadow {
  animation: rotate 5s linear infinite;
}

@keyframes rotate {
  0% {
    transform-origin: 0 0;
    transform: rotate(0deg);
  }
  100% {
    transform-origin: 0 0;
    transform: rotate(360deg);
  }
}