Html 如何设置恋物癖的动画使其显示为连续的

feTurbulence过滤器用于创建云。通过设置“频率”值的动画，可以放大或缩小生成的云。我想让它们从右向左滑动。 到目前为止，我已经做到了：

---

不要设置基本频率的动画。要获得平滑效果，请使用360 hueRotate和colorMatrix（因为hueRotate循环回原始值）

代码

SVG！

不要设置基本频率的动画。要获得平滑效果，请使用360 hueRotate和colorMatrix（因为hueRotate循环回原始值）

代码

SVG！

不要设置基本频率的动画。要获得平滑效果，请使用360 hueRotate和colorMatrix（因为hueRotate循环回原始值）

代码

SVG！

不要设置基本频率的动画。要获得平滑效果，请使用360 hueRotate和colorMatrix（因为hueRotate循环回原始值）

代码

SVG！

这是一个答案。很抱歉批准晚了，我错过了通知。。在搜索答案时发现此问题。讽刺的是，这是我的问题。这是一个答案。很抱歉批准晚了，我错过了通知。。在搜索答案时发现此问题。讽刺的是，这是我的问题。这是一个答案。很抱歉批准晚了，我错过了通知。。在搜索答案时发现此问题。讽刺的是，这是我的问题。这是一个答案。很抱歉批准晚了，我错过了通知。。在搜索答案时发现此问题。讽刺的是，这是我的问题。

<svg x="0px" y="0px" width="800px" height="500px" viewbox="0 0 800 500">

    <script type="text/ecmascript" xlink:href="http://www.codedread.com/lib/smil.user.js"/>

  <defs>
<filter id="heavycloud" color-interpolation-filters="sRGB" x="0%" y="0%" height="100%" width="100%">
  <feTurbulence type="fractalNoise" result="cloudbase" baseFrequency=".0025" numOctaves="5" seed="24"/>

    <feColorMatrix in="cloudbase" type="hueRotate" values="0" result="cloud">
    <animate attributeName="values" from="0" to="360" dur="20s" repeatCount="indefinite"/>
  </feColorMatrix>


  <feColorMatrix in="cloud" result="wispy" type="matrix" 
                               values="4 0 0 0 -1
                                       4 0 0 0 -1
                                       4 0 0 0 -1
                                       1 0 0 0 0   
                                       "/>

  <feFlood flood-color="#113388" result="blue"/>

  <feBlend mode="screen" in2="blue" in="wispy"/>

  <feGaussianBlur stdDeviation="4"/>

  <feComposite operator="in" in2="SourceGraphic"/>

</filter>
  </defs>
  <text x="30" y="380" filter="url(#heavycloud)" font-size="400" font-family="arial" stroke-color="blue" font-weight="bold" kerning="-75" font-stretch="condensed">SVG!</text>


</svg>