From the course: CSS: Enhancing Interfaces with Animation

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Challenge: Create a card animation

Challenge: Create a card animation - CSS Tutorial

From the course: CSS: Enhancing Interfaces with Animation

Start my 1-month free trial

Challenge: Create a card animation

“

(upbeat electronic music) - [Instructor] Okay, now that we've created a button animation, different button animations, a menu animation, we're ready to take what we learned from those and apply it to another common UI animation. So this is going to be a challenge for you, and then we'll go over the solution in the next video. Here on binaryville.com, they have these robots, and when you hover over them, there is an animation already, but I don't want to use this animation. This animation just changes the background color of both the image and changes the color of the text here. What we want to do is something that you'll commonly see when you hover over something called a card on the web, and when you hover over, you usually get more information. So right now, we don't even know where this is taking us. This actually takes you to a shop, and I want to create an animation that will actually show you that. So when you hover…

Contents