WEB.11.02 Mid-level

FLIP and the Web Animations API

Comes up in: Web fundamentals, Machine 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

First-Last-Invert-Play technique for layout animations
element.animate()
controlling and cancelling animations
finished promise

Words you will know

FLIPWeb Animations API

What you will practise

animated list reorder

Interview questions this answers

What is the FLIP technique?