Some ideas for multi-layered SVG shape overlays that get generated dynamically with adjustable properties for a variety of effects. Today we’d like to share another way of achieving morphing page transitions. This time, we’ll generate multiple SVG curves with JavaScript, making many different looking shapes possible. By controlling the individual coordinates of the several layers of SVG paths, the
![Dynamic Shape Overlays with SVG | Codrops](https://cdn-ak-scissors.b.st-hatena.com/image/square/23e8f6facae90bc400913ff13d7289d5c2c3d468/height=288;version=1;width=512/https%3A%2F%2Fcodrops-1f606.kxcdn.com%2Fcodrops%2Fwp-content%2Fuploads%2F2017%2F10%2FShapeOverlays.png%3Fx20054)