LoginGet started — it’s free
Made in Webflow

WebDev For You - Daily Interaction #88

Clone in Webflow154
WebDev For You's avatar
by WebDev For You
1.1k
site profile thumbnail

Description

Welcome to daily interaction #88. This demo showcases a menu trigger animation on click. When you first click the menu trigger, the lines rotate clockwise and then the lines turn into an 'x' indicating that you can then close the menu. On the second click the 'x' stays in its current position and just returns to a 3 line horizontal menu trigger. On second click the menu trigger actually rotates back but it's not noticeable because the duration is set to 0 and the easing is set to linear. This demo was inspired by these hamburger icon animations here: https://codepen.io/carlosriera/pen/qNgAEo/ To view more daily interactions and premium content visit: https://www.webdevforyou.com/

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

More by WebDev For You

See profile
View details
WebDev For You - Daily Interaction #8
191
926
© 2022 Webflow, Inc. All rights reserved.