asymmetric radii
16 / 16 / 6 / 16 — bevel is clamped to the largest corner, the 6px tail gets a faint local kink, no crease along the edges.
50%
circle · mirrored
40px / 16px
elliptical radii are approximated by the horizontal value
radius rule
320×40, radius 24 24 0 0
twin A
attached first, no ramp
twin B
same geometry, attached later with materialize
bucket A
300 × 120
bucket B
304 × 120 — same map
growing bubble
streaming text…
large element
the map is downsampled to ≈ 320k pixels and stretched back by feImage
edge: 0
no CSS rim
shipped default
slope 2.7 — folds, one pass
thick lens
thickness 300 — the channel separation is capped, not scaled with the displacement