WebDev%20For%20You%20-%20Daily%20Interaction%20%23130 - by WebDev%20For%20You
Created on Mon May 27 2019 22:25:11 GMT+0000 (UTC)
This responsive website has 472 views, 0 comments, and 21 likes.
Welcome%20to%20Daily%20Interaction%20%23130.%0A%0AThis%20demo%20showcases%20a%20blog%20card%20animation%20on%20hover.%0A%0AWith%20this%20effect%20the%20image%20rotates%2C%20a%20color%20overlay%20appears%2C%20and%20the%20date%20of%20the%20blog%20post%20appears%20on%20hover.%20The%20summary%20panel%20below%20also%20moves%20up.%20When%20hovering%20over%20the%20%27Read%20More%27%20button%20the%20background%20and%20text%20changes%20color.%0A%0AI%20first%20added%20all%20of%20the%20elements%20and%20then%20animated%20via%20interactions.%20For%20the%20image%20I%20placed%20it%20inside%20of%20an%20image%20wrapper%20and%20set%20the%20overflow%20of%20the%20wrapper%20to%20hidden.%20I%20then%20set%20the%20width%20and%20height%20of%20the%20image%20to%20150%25%20so%20that%20when%20it%20rotates%20it%20is%20still%20visible%20inside%20of%20the%20image%20wrapper.%0A%0AInspired%20by%3A%20https%3A//codepen.io/ChuiSauCE/pen/KGpQbe%0A%0ADaily%20interactions%20will%20resume%20on%20Monday%20June%203rd.%0A%0ATo%20view%20more%20daily%20interactions%20and%20premium%20content%20visit%3A%0Ahttps%3A//www.webdevforyou.com/
Visit http://webdev-for-you-daily-interaction-130.webflow.io
