- [Instructor] As I promised in the last video,…I've added some more markup…to support the learning montage.…So let's go ahead and take a quick look…at where we're at in the presentation.…I'm gonna go ahead and refresh, and do my I click.…And you can see that this part is the same.…Still animate those unchosen elements.…Now, between this slide and the next slide,…I haven't added an autoadvance yet,…so I'm gonna go ahead and click on it.…Now, this markup is new.…Let's go ahead and bring up the developer tools…and see what we've got.…Now you'll see these slides are all the same…as they were before, but here's a new slide…that has some new markup in it.…
You'll see that we've got this new hp-learn element.…And it has some children.…It has an hp-learn no element,…and an hp-learn yes element.…And those are what I'm gonna use to indicate…whether or not the shape in the center…is the one we're trying to target.…Also we have an image tag, which is where…we're going to change the image dynamically…as we go through the montage.…
AuthorW. Scott Means
- Creating a dynamic layout with flexbox
- Navigating the DOM
- Adding animation
- Controlling animations with classes
- Applying CSS to SVG
Skill Level Intermediate
Web Portfolio Projects: Binding and Propagationwith Leigh Lawhon1h 9m Intermediate
What you should know1m 4s
1. Building a Foundation
2. HTML Layout
4. Adding Animation
5. Working with SVG
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.