SOURCE

console 命令行工具 X clear 

                    

                        
>

                        
                    

                

            

            
console

            
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="400" width="450">
  <defs>
    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" style="stop-color:#a1c4fd;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#a1c4fd;stop-opacity:0" />
    </linearGradient>
  </defs>
  
  <text font-size="14" x="0" y="0" fill="#cd0000">
    ->
    <animateMotion path="M 100 350 q 150 -300 300 0" begin="0s" dur="3s" rotate="auto" repeatCount="indefinite"/>
  </text>
  
  <text class="arrow" fill="green">-></text>
  
  <path d="M 100 350 q 150 -300 300 0" stroke="url(#grad1)" stroke-width="5" fill="none" />
  
</svg>



            
.arrow {
  offset-path: path("M 100 350 q 150 -300 300 0");
  animation: move 3s linear infinite;
}

@keyframes move {
  100% { offset-distance: 100%;}
}