Made in Webflow

Shape Overlays Menu

site profile thumbnail


Ideas for multi-layered SVG shape overlays that get generated dynamically with adjustable properties for a variety of effects. - Easily modify the SVG colors in each page' custom code panel (header). - Easily create a transition for your menu links (I've just defaulted to opacity). - Demo 6 demonstrates how to prevent multiple clicks (getting menu out of sync), using a simple Webflow interaction. - Demo 7 demonstrates how to use the effect as a page transition. Code modified from its original form to integrate seamlessly with Webflow. Original Code By Yoichi Kobayashi (
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.


More by CJ Hersh

See profile
View details
Webflow Sticky Sections