Skip to main content

no-excessive-filter-effects

Warn when filter and backdrop-filter values exceed safe function or blur thresholds.

Rule optionsโ€‹

OptionDefaultWhy
maxBlurRadiusPx30Allows moderate visual softening and catches unusually large blur effects.
maxFunctions4Allows common filter stacks and catches unusually long rendering pipelines.
{
"css-performance-budget/no-excessive-filter-effects": [
true,
{ "maxFunctions": 4, "maxBlurRadiusPx": 30 }
]
}