[Unable to re-run tween on hover and unable to place element back to its position after moving.]

I am trying to apply wave effect to text. But unable to place elements to its original position. Also unable to re-run animation. Please help me with this. Word 'CloudLine' moving downwards than its original position.

See the Pen YdVbNR by vinod-kumar-kondabathula (@vinod-kumar-kondabathula) on CodePen

[Unable to animate SVG]

4 minutes ago, PointC said:

Hi @Vinod

 

Welcome to the forum.

 

You'll need to use 'x' instead of 'left' with your SVG and 'fill' instead of 'color'. Your distance of 524 will also be outside the viewBox. Please try this:

TweenLite.to(logo, 2, {x:100, fill:"black"});

 

Hopefully that helps, Happy tweening.

 

Thanks @PointC that helped.

[Unable to animate SVG]

Unable to animate.

 

Please help me with this.

See the Pen XqBNgd?editors=1010 by vinod-kumar-kondabathula (@vinod-kumar-kondabathula) on CodePen