WebDev%20For%20You%20-%20Daily%20Interaction%20%23115 - by WebDev%20For%20You
Created on Sun May 05 2019 14:56:33 GMT+0000 (Coordinated Universal Time)
This responsive website has 760 views, 3 comments, and 18 likes.
Welcome%20to%20Daily%20Interaction%20%23115.%0A%0AThis%20demo%20showcases%20a%203D%20product%20card%20animation%20on%20hover.%0A%0AOn%20hover%20the%20card%20rotates%20vertically%20on%20the%20y-axis%20and%20the%20snowboard%20rotates%20to%20the%20right.%20This%20allows%20for%20more%20information%20to%20be%20displayed%20on%20a%20different%20side%20of%20the%20card%2C%20and%20by%20having%20the%20snowboard%20rotate%20it%20creates%20a%20nice%20visual%20distinction%20between%20the%20different%20sides%20of%20the%20card.%0A%0AThe%20effect%20was%20accomplished%20by%20creating%20a%20wrapper%20with%20a%20child%20perspective%20applied%20to%20it.%20Then%20I%20created%20another%20card%20wrapper%20with%20two%20div%20blocks%20inside%20of%20it%20to%20represent%20the%20front%20and%20right%20side%20of%20the%20card.%20I%20then%20rotated%20the%20right%20side%2090%20degrees%20and%20made%20sure%20the%20back-face%20visibility%20was%20set%20to%20hidden.%20In%20interactions%20I%20applied%20a%20rotation%20and%20movement%20to%20the%20entire%20card%20to%20create%20the%203D%20rotation.%0A%0AInspired%20by%3A%20https%3A//codepen.io/pgalor/pen/WKoXqM%0A%0ATo%20view%20more%20daily%20interactions%20and%20premium%20content%20visit%3A%0Ahttps%3A//www.webdevforyou.com/
Visit http://webdev-for-you-daily-interaction-115.webflow.io