1 # no-unknown-animations
3 Disallow unknown animations.
6 a { animation-name: fancy-slide; }
8 * This animation name */
10 a { animation: fancy-slide 2s linear; }
15 This rule considers the identifiers of `@keyframes` rules defined within the same source to be known.
21 The following patterns are considered violations:
24 a { animation-name: fancy-slide; }
28 a { animation: fancy-slide 2s linear; }
32 a { animation-name: fancccy-slide; }
33 @keyframes fancy-slide {}
37 a { animation: linear 100ms fancccy-slide; }
38 @keyframes fancy-slide {}
42 a { animation-name: jump; }
43 @keyframes fancy-slide {}
46 The following patterns are *not* considered violations:
49 a { animation-name: fancy-slide; }
50 @keyframes fancy-slide {}
54 @keyframes fancy-slide {}
55 a { animation-name: fancy-slide; }
59 @keyframes fancy-slide {}
60 a { animation: fancy-slide 2s linear; }
64 a { animation: 100ms steps(12, end) fancy-slide; }
65 @keyframes fancy-slide {}