1 | # time-min-milliseconds
|
2 |
|
3 | Specify the minimum number of milliseconds for time values.
|
4 |
|
5 |
|
6 | ```css
|
7 | a { animation: slip-n-slide 150ms linear; }
|
8 | /** ↑
|
9 | * This time */
|
10 | ```
|
11 |
|
12 | 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.
|
13 |
|
14 | ## Options
|
15 |
|
16 | `int`: Minimum number of milliseconds for time values.
|
17 |
|
18 | For example, with `100`:
|
19 |
|
20 | The following patterns are considered violations:
|
21 |
|
22 |
|
23 | ```css
|
24 | a { animation: 80ms; }
|
25 | ```
|
26 |
|
27 |
|
28 | ```css
|
29 | a { transition-duration: 0.08s; }
|
30 | ```
|
31 |
|
32 |
|
33 | ```css
|
34 | a { transition: background-color 6ms linear; }
|
35 | ```
|
36 |
|
37 |
|
38 | ```css
|
39 | a { animation-delay: 0.01s; }
|
40 | ```
|
41 |
|
42 | The following patterns are _not_ considered violations:
|
43 |
|
44 |
|
45 | ```css
|
46 | a { animation: 8s; }
|
47 | ```
|
48 |
|
49 |
|
50 | ```css
|
51 | a { transition-duration: 0.8s; }
|
52 | ```
|
53 |
|
54 |
|
55 | ```css
|
56 | a { transition: background-color 600ms linear; }
|
57 | ```
|
58 |
|
59 |
|
60 | ```css
|
61 | a { animation-delay: 1s; }
|
62 | ```
|