✨ Archive Spotlight: Easing Functions Css3 New

ArthurDent
Sun, 26 Apr 2026 05:21:14 +0000

We caught this with Stylelint by just banning cubic-bezier( outright, because otherwise someone will “just tweak it a bit” and suddenly every drawer animates like it’s had three coffees. Something like this is crude but effective:

"declaration-property-value-disallowed-list": {
  "transition-timing-function": ["/cubic-bezier\\(/"]
}

Then you force people onto var(--ease-standard) etc, and any exceptions have to live in a shared motion file with a comment (naming tip: call it --ease-overshoot or whatever, not --ease-3, because future-you won’t remember).