CSS Card With Hover Animation and Mobile Fallback

CSS Card With Hover Animation and Mobile Fallback

Kevin Powell via YouTube Direct link

- The HTML

2 of 12

2 of 12

- The HTML

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

CSS Card With Hover Animation and Mobile Fallback

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Introduction to the project
  2. 2 - The HTML
  3. 3 - Starting the CSS
  4. 4 - New HSL Syntax and gradients
  5. 5 - Adding the pseudo-element
  6. 6 - Styling the button
  7. 7 - Little details
  8. 8 - The animations
  9. 9 - Timing the animations
  10. 10 - Fixing keyboard navigation
  11. 11 - Making it work on mobile
  12. 12 - prefers-reduced-motion

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.