I need to animate a div to simulate a guitar string being plucked. Attached is graphical example of the string with buttons. I need each button clickable with the div animation to bend and bounce at the button location. I have experimented with TweenMax and cubic beziers and quadratic beziers but I have not been able to create the effect I'm looking for. I have attempted to use various anchors and control points with no luck.
I'm sure there is a simple method to bend or warp the contents of a div but I can't seem to figure it out.
Bend a div with bounce
in GSAP
Posted
I need to animate a div to simulate a guitar string being plucked. Attached is graphical example of the string with buttons. I need each button clickable with the div animation to bend and bounce at the button location. I have experimented with TweenMax and cubic beziers and quadratic beziers but I have not been able to create the effect I'm looking for. I have attempted to use various anchors and control points with no luck.
I'm sure there is a simple method to bend or warp the contents of a div but I can't seem to figure it out.
Thanks in advance for your help.