WebDev%20For%20You%20-%20Daily%20Interaction%20%23107 - by WebDev%20For%20You
Created on Tue Apr 16 2019 18:24:25 GMT+0000 (UTC)
This responsive website has 172 views, 0 comments, and 5 likes.
Welcome%20to%20Daily%20Interaction%20%23107%21%0A%0AThis%20demo%20showcases%20a%20menu%20that%20comes%20out%20of%20the%20menu%20trigger.%20When%20the%20menu%20trigger%20is%20clicked%20a%20set%20of%20menu%20items%20reveal.%20This%20was%20accomplished%20by%20placing%20the%20menu%20wrapper%20inside%20of%20another%20wrapper%20with%20an%20overflow%20of%20hidden.%20The%20menu%20wrapper%20had%20a%20position%20of%20absolute%20so%20as%20not%20to%20move%20when%20the%20overflow%20wrapper%20got%20larger.%20Then%20in%20the%20interaction%20I%20set%20the%20width%20of%20the%20overflow%20wrapper%20to%200%25%20initially%20and%20then%20when%20you%20click%20the%20menu%20trigger%20the%20overflow%20wrapper%20becomes%20100%25%20width%20revealing%20the%20menu%20wrapper%20and%20the%20menu%20items%20inside%20of%20it.%20I%20also%20applied%20a%20simple%20hover%20effect%20to%20the%20menu%20items%20when%20the%20menu%20opens%2C%20and%20the%20menu%20trigger%20turns%20into%20an%20x%20on%20click%20and%20back%20to%20a%203%20line%20menu%20trigger%20on%20second%20click.%0A%0AInspired%20by%3A%20https%3A//codepen.io/speresunko/pen/JvbgWW%0A%0Ahttps%3A//www.webdevforyou.com/%0A%0AIf%20you%27d%20like%20more%20information%20on%20how%20this%20interaction%20was%20accomplished%20be%20sure%20to%20join%20the%20Slack%20Community%21
Visit http://webdev-for-you-daily-interaction-107.webflow.io
