no-layout-thrashing-properties

Warn when transitions or keyframes animate properties that force layout work, such as width, height, inset, top, left, margin, or padding.

This rule intentionally does not report static layout declarations. A normal padding or width declaration is not layout thrashing; the problem is making the browser recalculate layout repeatedly during motion.

Rule options

Option	Default	Why
checkKeyframes	true	Layout-affecting keyframes can force layout work on every frame.
ignoreProperties	[]	Allows project-approved layout motion targets.

{
 "css-performance-budget/no-layout-thrashing-properties": [
  true,
  {
   "checkKeyframes": true,
   "ignoreProperties": ["width"]
  }
 ]
}