Animated card with HTML & CSS

One of the best ways to learn is to find fun designs on existing websites and to try and recreate them, so with that in mind, we're taking the animated card design from the Top Games section over at and seeing if we can recreate it with only HTML and CSS! /// LINKS ///

Intermediate - 69 min - Software & IT - Kevin Powell

The full course: Learn HTML & CSS free

What you'll need

• Laptop stand: Screen at eye level for long study sessions.
• Noise-cancelling headphones: Focus through long video lessons.
• Second monitor: Video on one screen, practice on the other.
• Wireless keyboard and mouse: Comfortable for hours of typing.

Books

1. HTML and CSS by Jon Duckett - View on Amazon
2. CSS: The Definitive Guide by Eric A. Meyer - View on Amazon
3. Head First HTML and CSS by Elisabeth Robson - View on Amazon
4. Don't Make Me Think by Steve Krug - View on Amazon
5. Learning PHP, MySQL & JavaScript by Robin Nixon - View on Amazon

Next lessons

• HTML Crash Course For Absolute Beginners (61 min, Traversy Media, Beginner)
• HTML & CSS Full Course for free 🌎 (243 min, Bro Code, Intermediate)
• HTML Tutorial for Beginners: HTML Crash Course (70 min, Programming with Mosh, Beginner)
• Learn CSS in 1 hour 🎨 (60 min, Bro Code, Intermediate)
• Learn HTML in 1 hour 🌎 (60 min, Bro Code, Intermediate)
• CSS Crash Course For Absolute Beginners (85 min, Traversy Media, Beginner)
• HTML and CSS Tutorial for 2021 - COMPLETE Crash Course! (138 min, DesignCourse, Beginner)
• Learn CSS Grid the easy way (37 min, Kevin Powell, Beginner)