写一个 svg 路径渐变色涌动的示例

好的，下面是一个简单的 SVG 路径渐变色涌动的示例代码：

<svg viewBox="0 0 100 100">
  <defs>
    <linearGradient id="gradient" x1="0" y1="0" x2="100%" y2="0">
      <stop offset="0%" stop-color="#ff0000" />
      <stop offset="50%" stop-color="#ffff00" />
      <stop offset="100%" stop-color="#00ff00" />
    </linearGradient>
    <mask id="mask">
      <rect x="0" y="0" width="100%" height="100%" fill="white" />
      <circle cx="50" cy="50" r="30" fill="black" />
    </mask>
  </defs>
  <rect x="0" y="0" width="100%" height="100%" fill="url(#gradient)" mask="url(#mask)" />
  <path d="M 0 50 Q 25 10 50 50 Q 75 90 100 50" stroke="#fff" stroke-width="5" fill="none" />
</svg>

这个示例中，我们定义了一个线性渐变 `gradient`，它包含了三个颜色停止点，分别是红色、黄色和绿色。接着，我们定义了一个遮罩 `mask`，它包含了一个矩形和一个圆形，用来遮住渐变。最后，我们使用 `rect` 元素来填充渐变，并使用 `path` 元素来绘制路径。路径的形状是一个三次贝塞尔曲线，它会在渐变的背景下涌动。

你可以将上面的代码复制到 HTML 文件中运行，查看效果。注意，该示例只能在支持 SVG 的浏览器中运行。