In the middle of redesigning my personal landing page. I’ve drafted up my mockup in Illustrator as usual to prepare for the build and spent 15 minutes this morning creating the general layout on Webflow (Ignore the broken mobile view, messy sections and alignment issues - They’re all being fixed tomorrow!). Below are what I’m trying to achieve (Mockup) but unsure how to add these into Webflow. Any examples or tutorials would be great.
I’d like to make it so each section has a lower opacity when not selected. So end user would click one of the options on the bottom nav and it will display the corresponding section in full opacity whilst keeping the others faded.
Would like to have a sticky bottom nav bar on desktop/mobile and tablet - Unusual I know but it goes with an idea I’m working on - How would I achieve this?