Awesome UI Interactions with the CSS Clip Path Property

Hey all! Today, we're going to take a close look at the CSS clip-path property. Specifically, we'll take a look at 3 different examples of how to use clip-path to create a micro interaction that reveals a card of information. Codepen demo: Let's get started! ^-Chat with me and others Who is Gary...

Intermediate - 16 min - Software & IT - DesignCourse

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

HTML and CSS by Jon Duckett - View on Amazon
CSS: The Definitive Guide by Eric A. Meyer - View on Amazon
Head First HTML and CSS by Elisabeth Robson - View on Amazon
Don't Make Me Think by Steve Krug - View on Amazon
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)