Shape Overlay Menu

Assets

Ideas for multi-layered SVG shape overlays that get generated dynamically with adjustable properties for a variety of effects

Live Preview

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/)

Overview

Ideas for multi-layered SVG shape overlays that get generated dynamically with adjustable properties for a variety of effects

Product Description
Category
Assets
Release
April 17, 2020
Author
CJHersh