Depth layers

Three gauges stacked in depth. Click a face, or press the button, to bring the next layer forward. Move the pointer over the stage to tilt the stack.

How it's built

A .gravity-spot with depth stacks its direct children; data-depth moves each one back, and layers keep their apparent size.
Composite layers: each layer is a nested .gravity-spot holding a ring, a label and a face. It has the same reach as its parent, so no --o-force is needed.
outer-perspective lets an ancestor own the perspective, here so the whole object can tilt. Set --o-perspective to the same value.
Layers do not block the pointer outside their satellites.