html 笔记：CSS与SVG实现元素沿环形路径动画 - 3

Posted 2021-05-11

<!-- 粉色 -->
<circle r="15" fill="hotpink">
  <animateMotion dur="3s" repeatCount="indefinite" 
                 calcMode="linear"
                 keyTimes="0;1" keyPoints="0;1">
                ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  <!--  省略剩余声明  -->
</circle>
  
<!-- 橙色 -->
<circle r="15" fill="orange">
  <animateMotion dur="3s" repeatCount="indefinite" 
                 calcMode="linear"
                 keyTimes="0;1" keyPoints="1;0" >
                ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  <!--  省略剩余声明  -->
</circle>