Today, we’re going to hop into the world of SVG and frontend development to create an interactive, elastic/wobbly line. The mouse position affects the curve of a line, and once the mouse leaves the viewport, it bounces back into place. Very fun stuff!

Codepen Demo:

https://codepen.io/designcourse/pen/P…

Tutorial referenced:

https://codepen.io/rachsmith/post/gro…

Subscribe: https://www.youtube.com/c/DesignCourse/featured

#svg #js

Create a Fantastic BOUNCY Line with SVG & JS!
2.10 GEEK