README.md

no-unknown-animations

Disallow animation names that do not correspond to a @keyframes declaration.

.foo { animation-name: fancy-slide; }
/**                    ↑
 *   This animation name */

.foo { animation: fancy-slide 2s linear; }
/**                    ↑
 *           And this one */

The following patterns are considered warnings:

.foo { animation-name: fancy-slide; }

.foo { animation: fancy-slide 2s linear; }

.foo { animation-name: fancccy-slide; }
@keyframes fancy-slide { ... }

.foo { animation: linear 100ms fancccy-slide; }
@keyframes fancy-slide { ... }

.foo { animation-name: jump; }
@keyframes fancy-slide { ... }

The following patterns are not considered warnings:

.foo { animation-name: fancy-slide; }
@keyframes fancy-slide { ... }

@keyframes fancy-slide { ... }
.foo { animation-name: fancy-slide; }

@keyframes fancy-slide { ... }
.foo { animation: fancy-slide 2s linear; }

.foo { animation: 100ms steps(12, end) fancy-slide; }
@keyframes fancy-slide { ... }