The name comes from Malay/Indonesian "mengikat," to tie or bind. It's a resist-dyeing technique, not printing, and it developed independently in several unrelated places — Indonesia, Central Asia (Uzbekistan), India, Japan (kasuri), and Latin America.
The key step happens before weaving: bundles of yarn are tightly bound in the shape of the intended motif so dye can't reach the bound sections, then untied and woven. Because binding and weaving are both done by hand, the colour boundaries never align perfectly, so the pattern's edges come out slightly soft and bled — that's not a flaw, it's the trait that tells ikat apart from every other woven pattern.
To fake that bleed in CSS, build a crisp diamond or chevron motif with a conic-gradient and lay filter: blur() over it. Blurring an otherwise sharp geometric pattern is itself the construction tip — it compresses ikat's real structural cause (hand-bound, hand-woven misalignment) into one visual move.
When to use
Use for boho/global-textile moods and home decor backgrounds. Too much blur just reads as an out-of-focus background — keep just enough for the motif's outline to survive.