Rachel wraps up her discussion on CSS transitions by talking about browser support. She also shares a few summarizing points about the advantages of using CSS transitions and answers a few audience questions.
(eastern themed music)…- Let's talk about that coverage.…As of this recording,…CSS Transitions are pretty darn well-supported.…Pretty much anything but IE 9 and lower…and Opera Mini have access to it.…You can see that, way off over there,…Android Browser 4.3 probably still requires…a dash web kit prefix to it.…But across the board, transitions are awesome.…
There's another really great reason for using transitions…which is that they are pretty bulletproof.…Let's talk about that in a moment.…Other reasons that transitions rock, they're single fire.…They're great if you only want something to happen once.…For instance, you just want it to happen…from getting from point A to point B.…You don't need it to repeat,…you don't need it to run several times and then stop.…Transitions are wonderful…if you just want one thing to change.…Granularity, if you only want to animate…one or two properties in a given state and given conditions.…
They're also bulletproof.…This is the nice thing, for all of those browsers…that are red, that is to say IE 8, and Cohort, and Opera,…
Note: This course was created by Frontend Masters. It was originally released on 09/15/2016. We're pleased to host this training in our library.
- CSS transitions and animations
- Using animation in product design
- Creating a sprite animation with CSS
- Stateful transitions and supplemental animations
- Using developer tools to manipulate animations
- Jump cuts and in-betweening
- Static vs. dynamic animations
- Designing performant animations
Skill Level Intermediate
Design the Web: CSS Animated Rolloverswith Chris Converse29m 42s Beginner
Design the Web: SVG Rollovers with CSSwith Chris Converse23m 43s Beginner
1. CSS Transitions
2. CSS Animations
3. Animation in Design
4. Stateful Animations
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
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.