Karin Kiho

(EN)

JA

Interpolation steps (in-between)4Distance between consecutive layers (px)12

Negative spacing shifts each layer up relative to the previous one, increasing overlap. Positive spacing separates layers.

Preview scale (capture / sharpness)1× (400px wide)

Scales CSS width/height of the preview SVGs (same viewBox). Use 2–4× before screenshot for higher pixel resolution. For infinite sharpness, save as SVG from devtools or your tool of choice.

warpjs → flubber input (one endpoint)

Amplitude (px)0Frequency28

One hidden SVG: warp the chosen endpoint, read d, then flubber recomputes every stack layer between the plain and warped shape.

Top when overlapping

Interpolated layers stack between them (higher z-index = drawn on top).