Filters

StringTune-3D parses --filter into a chain of effects.

Supported built-in filters

• blur(...)
• pixel(...)
• bloom(...)
• brightness(...)
• contrast(...)
• saturate(...)
• grayscale(...)
• sepia(...)
• invert(...)
• hue-rotate(...)

Example

[string-id='hero-box'] {
  --filter: bloom(0.8, 0.35) saturate(1.2);
}

Detailed Behavior

• The filter parser resolves the CSS string into typed effect objects.
• Transition timing for --filter is read from the element's CSS transitions.
• Unknown filter names are ignored with runtime warnings instead of hard crashes.

Transition Example

[string-id='panel'] {
  --filter: bloom(0.4, 0.4);
  transition: --filter 520ms ease;
}

[string-id='panel']:hover {
  --filter: bloom(1, 0.28) saturate(1.2);
}