禁止未知動畫

禁止未知的動畫。

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

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

此規則將在同一個來源中定義的 @keyframes 規則的識別碼視為已知。

訊息 次要選項 可以接受此規則的引數。

選項

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