Compositing & Frames

Layers & Compositing

The page is split into layers painted separately, then the compositor stitches them together. Moving a layer with transform or opacity skips layout and paint entirely.

Animating transform slides a layer on the compositor — cheap and smooth.

transform
Moving a layer skips layout & paint

Tap the example to replay it · press and hold to slow it down

One of 40 cards in javascript flashcards. Browse every card.