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
LayoutPaintComposite
Watch a transform skip layout and paint

One of 40 cards in the JavaScript deck. Browse every card.