no-unknown-animations

不明なアニメーションを禁止します。

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

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

このルールは、同じソース内で定義された@keyframesルールの識別子を既知のものと見なします。

message セカンダリ オプションは、このルールの引数を受け入れることができます。

オプション

true

以下のパターンは問題とみなされます。

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 {}

以下のパターンは問題とはみなされません。

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 {}