Skip to content

Latest commit

 

History

History
47 lines (34 loc) · 916 Bytes

File metadata and controls

47 lines (34 loc) · 916 Bytes

time-no-imperceptible

Disallow animation and transition times under 100ms.

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

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

The following patterns are considered warnings:

.foo { animation: 80ms; }
.foo { transition-duration: 0.08s; }
.foo { transition: background-color 6ms linear; }
.foo { animation: horse-dance 1s linear 0.01s; }

The following patterns are not considered warnings:

.foo { animation: 8s; }
.foo { transition-duration: 0.8s; }
.foo { transition: background-color 600ms linear; }
.foo { animation: horse-dance 1s linear 1.3s; }