[Suffering with SVG Masks]

There is no issue per se. What I mean to say is this was the only way I could figure to move the graphic independent of the mask however I would like to understand why that is. What is greensock doing that I can't seem to emulate in native svg? That thread seems promising and what I was looking for. Thank you. 

[Suffering with SVG Masks]

Hi Friends,

 

I'm hoping someone can help me to understand the behaviour I'm experiencing when trying to use svg masks dynamically. The codepen technically works as intended however the only way I can seem to get them to work is using the .fromTo() function and I imagine the .to() and .from() although I haven't tried them specifically. I am however wondering if I can preposition the svg out of it's mask with the mask property remaining intact and the mask remaining in place by using perhaps the .set() function although I can't seem to get that to work. Also using translate transforms doesn't seem to work.  

 

Any guidance is much appreciated,

 

Adam 

See the Pen vLQryj by Adam-Burke (@Adam-Burke) on CodePen