WebDev%20For%20You%20-%20Daily%20Interaction%20%23117 - by WebDev%20For%20You
Created on Wed May 08 2019 19:52:37 GMT+0000 (Coordinated Universal Time)
This responsive website has 859 views, 0 comments, and 17 likes.
Welcome%20to%20Daily%20Interaction%20%23117.%0A%0AThis%20demo%20showcases%20a%20menu%20trigger%20animation%20on%20hover%20and%20click.%0A%0AOn%20hover%20lines%20move%20in%20and%20out%20of%20the%20menu%20trigger.%20On%20click%20the%20menu%20trigger%20turns%20into%20an%20x%20and%20the%20color%20for%20the%20lines%20change%20as%20well.%20%0A%0AThis%20effect%20was%20achieved%20by%20adding%20two%20div%20blocks%20inside%20of%20a%20menu%20trigger%20wrapper%20to%20represent%20the%20lines.%20Inside%20of%20those%20blocks%20another%20div%20block%20was%20add%20with%20the%20same%20background%20color%20as%20the%20browser%20background.%20When%20the%20user%20interacts%20with%20the%20menu%20trigger%20wrapper%20the%20lines%20move%20and%20scale%20to%20create%20the%20effect.%20When%20the%20user%20clicks%20the%20menu%20trigger%20the%20lines%20change%20color%20to%20be%20visible%20with%20the%20menu%20wrapper%20that%20appears%20behind%20it.%0A%0AInspired%20by%3A%20https%3A//www.ouiwill.com/%0A%0ATo%20view%20more%20daily%20interactions%20and%20premium%20content%20visit%3A%0Ahttps%3A//www.webdevforyou.com/
Visit http://webdev-for-you-daily-interaction-117.webflow.io