I have an svg whose inner triangle i want to move in the direction of my mouse movement

[AvaterClasher]

I want the svg's inner triangle to move a bit when the mouse moves in that direction the rest of the lines should stay connected .. I know that i can use the morph svg plugin just cant figure out how to ?

See the Pen MWZJaOy by AvaterClasher (@AvaterClasher) on CodePen

[Toso]

I don't think this can be done while the whole svg is in one path, Try to separate them 

[GreenSock]

@AvaterClasher you already asked this previously and we offered feedback. 

 

It's entirely possible, but not at all simple. You'd have to figure out the coordinates of the control points and use a mousemove/pointermove listener to affect them based on proximity and then update the "d" attribute of the <path> accordingly, probably in an onUpdate of a tween. If you need further assistance with that, you'll probably need to hire someone to work it all out. Feel free to contact us about paid support services or post in the Jobs & Freelance forum. 

 

Good luck!