Re: Apply gradient mask *after* animation in rotating pattern

Hi John,

Very simply, apply a rotation in the opposite sense to the mask rect:

<mask id="Ma">
<rect id="maskrect" x="90" y="100" width="100" height="200" stroke="none" fill="url(#gradient1)">
<animateTransform attributeName="transform" type="rotate" dur="10" from="360,135,158" to="0,135,158" repeatCount="indefinite" />
</rect>
</mask>

If you need to change colors instead/also you may get clues from David's animated pattern that he posted a few days ago, and on which I made a nightmare variation: http://svg.dotuscomus.com/demos/flagellates.svg http://svg.dotuscomus.com/demos/flagellates.svg (Opera and Chrome only. Firefox doesn't quite make it, the animation is actually broken.)
 
 
 http://svg.dotuscomus.com/demos/flagellates.svg 
 
 http://svg.dotuscomus.com/demos/flagellates.svg http://svg.dotuscomus.com/demos/flagellates.svg 
 
 
 View on svg.dotuscomus.com http://svg.dotuscomus.com/demos/flagellates.svg 
 Preview by Yahoo 
 
 
  


Domenico