CSS Card with Hover Animation and Mobile Fallback

Another fun animated card that I created:

⌚ 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