no-unknown-animations

禁止未知的动画。

¥Disallow unknown animations.

a { animation-name: fancy-slide; }
/**                    ↑

 *   This animation name */

a { animation: fancy-slide 2s linear; }
/**                    ↑

 *           And this one */

该规则认为同一源中定义的 @keyframes 规则的标识符是已知的。

¥This rule considers the identifiers of @keyframes rules defined within the same source to be known.

message 次要选项 可以接受该规则的参数。

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

选项

¥Options

true

以下模式被视为问题：

¥The following patterns are considered problems:

a { animation-name: fancy-slide; }

a { animation: fancy-slide 2s linear; }

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

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

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

以下模式不被视为问题：

¥The following patterns are not considered problems:

a { animation-name: fancy-slide; }
@keyframes fancy-slide {}

@keyframes fancy-slide {}
a { animation-name: fancy-slide; }

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

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