CSS Card with hover animation and mobile fallback

Another fun animated card that I created: Transition / Animation performance: ⌚ Timestamps 00:00 - Introduction to the project 00:52 - The HTML 03:40 - Starting the CSS 08:47 - New HSL Syntax and gradients 11:35 - Adding the pseudo-element 17:32 - Styling the button 19:19 - Little details 21:50 - The animations 31:23 - Timing the animations 34:18 - Fixing keyboard navigation 40:45 - Making it work on mobile 46:01 - prefers-reduced-motion #css -- Come hang out with other dev’s in my Discord Community 💬 --- Keep up to date with everything I’m up to ✉ --- Help support my channel 👨‍🎓 G ... #Kevin_Powell #css #html #tutorial #css_hover #css_animation #css_transition #web_animation #web_transition 20210428 5DEq5cWNYt8
Back to Top