How to create a morphing svg animation tied to mouse movement in the form of a drop?

Question

css

Good day.
Who can tell how to create an animation attached to the movement of the mouse in the form of a drop?
Here is an approximate image, it is necessary that when the user moves the mouse in the area of ​​\u200b\u200bthis section (not a block), this figure (image stroke) smoothly flows like a drop and changes its shape. Somewhere I even saw a lesson with a similar implementation, but I didn’t save it and can’t find it now.

Answer 1

Morphing is usually seamless between fixed/rendered states.
In the picture in this question, the "cloud" is drawn as consisting of regular circles superimposed on each other. You can make a generated animation based on random numbers so that the shape almost never repeats.