Overview
This course teaches how to create a CSS card with hover animation and mobile fallback. The learning outcomes include understanding HTML structure, CSS styling techniques, animation timing, and mobile optimization. Students will learn skills such as using HSL syntax, gradients, pseudo-elements, and button styling. The teaching method involves a step-by-step tutorial with practical examples and code demonstrations. This course is intended for web developers interested in enhancing their CSS skills and creating interactive web elements.
Syllabus
- Introduction to the project
- The HTML
- Starting the CSS
- New HSL Syntax and gradients
- Adding the pseudo-element
- Styling the button
- Little details
- The animations
- Timing the animations
- Fixing keyboard navigation
- Making it work on mobile
- prefers-reduced-motion
Taught by
Kevin Powell