2,000+ Free Courses with Certificates: Coding, AI, SQL, and More
Learn Backend Development Part-Time, Online
Overview
Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course demonstrates how to recreate an interactive form using CSS alone. It covers custom properties, the :has() pseudo-class, state-based styling, input conditions, and a shaking animation.
Syllabus
- Introduction
- what I'm trying to copy
- Setting up my custom properties
- Using :has
- setting up the different states
- Adding the shaking animation
- removing the animation when the input is empty
- changing the style of the button when everything is valid
- should I do more videos like this one?
Taught by
Kevin Powell