From the course: Interactive Animations with CSS and JavaScript

Unlock the full course today

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

Animating with CSS transitions

Animating with CSS transitions

From the course: Interactive Animations with CSS and JavaScript

Start my 1-month free trial

Animating with CSS transitions

“

- [Instructor] So, we've managed to move from the kind of chooser oriented interface here with these four images, to our new learner markup that we're gonna need to use to display our montage. The next thing we need to do is smooth out one of these transitions, and you might not have caught it, but let's go ahead and refresh this page and watch the animation one more time. And you'll see what happens. The unchosen elements disappear, and then the circle jumps, you see it jumps from here to here. So I want to make that a nice, smooth animated transitions because it's these little edges that you can manage to sand off that make your presentation really pop instead of being clunky. People notice these things whether they realize it or not. So let's go ahead and look at the markup we have behind this. And we're gonna go back to our editor. And back here in index.html, you'll see when I added this markup for the learning element and the learn no and learn yes and all this, I added a class…

Contents