From the course: jQuery for Web Designers
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Challenge: Improve the animation - jQuery Tutorial
From the course: jQuery for Web Designers
Challenge: Improve the animation
- [Voiceover] As it currently stands, this cart is pretty slick for just a few lines of code. We have these images going over to the cart and disappearing when they get there. But we'd like to make a few enhancements to make it even a little better, and that's what we're going to do in this challenge. First of all, let's fade the images out and maybe shrink them down a little bit so we get the sense of them kind of going into the cart, getting a little smaller as they go further away from us. Also, I'd like to refine the targeting. Right now, they're going up to that cart contents header. Let's move them down a little bit. Instead, target this item, your items go here. And then finally, after each item reaches the cart and disappears, let's put a little message down here that says one and then the name of the item. That's blueberry, lemon lime, orange, whatever it is, one of them was added to the cart. So three minor enhancements to this shopping cart. Let's recap them. So we're going…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.