WebDev%20For%20You%20-%20Daily%20Interaction%20%23119 - by WebDev%20For%20You
Created on Fri May 10 2019 21:49:38 GMT+0000 (UTC)
This responsive website has 381 views, 0 comments, and 7 likes.
Welcome%20to%20Daily%20Interaction%20%23119.%0A%0AThis%20demo%20showcases%20a%20menu%20item%20animation%20on%20hover.%0A%0AWith%20this%20demo%20two%20vertical%20lines%20appear%20on%20the%20left%20and%20right%20of%20the%20menu%20item%2C%20and%20afterwards%20two%20horizontal%20lines%20appear%20on%20the%20top%20and%20bottom%20of%20the%20menu%20item%20on%20hover.%20The%20left%20and%20right%20sides%20scale%20in%20from%20the%20center%20and%20the%20top%20and%20bottom%20lines%20scale%20in%20from%20the%20left.%20There%20is%20a%20slight%20delay%20to%20the%20top%20and%20bottom%20lines%20to%20add%20a%20bit%20more%20style%20to%20the%20animation.%20The%204%20lines%20around%20the%20menu%20item%20are%20div%20block%20that%20are%20absolutely%20position%20and%20placed%20on%20each%20side%20of%20the%20menu%20item.%20All%20of%20the%20div%20blocks%20have%20a%20width%20or%20height%20of%202px%20depending%20on%20whether%20the%20line%20is%20vertical%20or%20horizontal.%20The%20scaling%20animations%20were%20applied%20via%20interactions.%0A%0AInspired%20by%20%27Caliban%27%20menu%20here%3A%20https%3A//tympanus.net/Development/LineMenuStyles/%0A%0ATo%20view%20more%20daily%20interactions%20and%20premium%20content%20visit%3A%0Ahttps%3A//www.webdevforyou.com/
Visit http://webdev-for-you-daily-interaction-119.webflow.io
