Skip to main content

time-min-milliseconds

Limit the minimum number of milliseconds for time values.

a { animation: slip-n-slide 150ms linear; }
/** ↑
* This time */

This rule checks positive numbers in transition-duration, transition-delay, animation-duration, animation-delay, and those times as they manifest in the transition and animation shorthands.

The message secondary option can accept the arguments of this rule.

Options

int: Minimum number of milliseconds for time values.

For example, with 100:

The following patterns are considered problems:

a { animation: 80ms; }
a { transition-duration: 0.08s; }
a { transition: background-color 6ms linear; }
a { animation-delay: 0.01s; }

The following patterns are not considered problems:

a { animation: 8s; }
a { transition-duration: 0.8s; }
a { transition: background-color 600ms linear; }
a { animation-delay: 1s; }

Optional secondary options

ignore: ["delay"]

Ignore time values for an animation or transition delay.

For example, with a minimum of 200 milliseconds.

The following pattern is not considered a problem:

a { animation-delay: 100ms; }