Backdrop
The background for any section. Eight styles share one set of options: how it moves (never, on its own, only when touched, or both, and with scroll), its colours and transparency over an image, readability behind the text, and layout.
- Renderer
- WebGL
- Kind
- Interactive surfaces
- Options
- 6 fields, 13 presets
Loading the scene…
Presets
Used on
- SURFACES: heroes, feature section and closing call to action
Worth knowing
- Motion is a model, not a switch. Ambient speed drives it on its own, and touching it adds energy that settles over the decay time. Scroll can drive it too. "Static" renders a single frame and stops.
- Simulations run on the advanced time, so the fluid freezes when the block is still and flows while it is touched.
- Transparency is real. The pattern can sit over an image at any opacity, with a blend mode.
- Readability is part of the block: a scrim behind the text, and text colour chosen automatically for contrast.