- [Instructor] So here we are looking at our…pretty well formatted slide, I did make one minor change,…I changed the font size so that the words…doesn't belong don't wrap.…So if you're following along, you're gonna wanna…make that change yourself, or you should get…the latest exercise files for this video…and you'll see it.…Now, this is exciting, we get to move…to the next slide.…So as you can see, when we go from the first slide…to the second, I wanna emphasize…that the circle was what they should've clicked on,…and so what we're gonna do later…is whenever someone clicks on anywhere on the presentation,…we're just gonna advance to this slide,…it doesn't matter what they click on.…
But the way I wanna emphasize it is…I want to show the circle growing,…and I wanna show all the other shapes shrinking.…Now there are a few different strategies for doin' this,…the one that I'm going to use,…and it's one of the simpler strategies,…is I'm just going to transition…from one slide to the next.…So I'm gonna duplicate my markup.…
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.