Transitions, keyframes and performant properties
Comes up in: Web fundamentals, UI coding
This concept is being written. It gets the full five steps — explanation, predict, interview angle, practice with tests, and review cards. Here is exactly what it will cover, so you can study it elsewhere in the meantime.
What it covers
transition@keyframes- easing
- animate
transformandopacity will-change(use sparingly)- measuring jank
Words you will know
What you will practise
- smooth accordion
- toast slide-in
Interview questions this answers
- Which CSS properties are cheap to animate and why?
- CSS animations vs JavaScript animations: when do you use each?
- What does
will-changedo and why can it hurt?