LoginGet started — it’s free
Made in Webflow

Shape Overlays Menu

Clone in Webflow635
CJ Hersh's avatar
by CJ Hersh
3.7k
site profile thumbnail

Description

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 (http://www.tplh.net/)

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.
svgmenu

More by CJ Hersh

See profile
View details
Webflow Sticky Sections
701
2.7k
© 2022 Webflow, Inc. All rights reserved.