keyframe-selector-notation

キーフレームセレクターのキーワードまたはパーセント表記を指定します。

@keyframes foo { from {} to {} }
/**              ↑       ↑
 *               These notations */

キーワードfromは値0%と同等です。キーワードtoは値100%と同等です。

fixオプションを使用すると、このルールによって報告されたすべての問題を自動的に修正できます。

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

オプション

string: "keyword"|"percentage"|"percentage-unless-within-keyword-only-block"

キーフレームセレクターは常にキーワード表記を使用する必要があります。

次のパターンは問題と見なされます

@keyframes foo { 0% {} 100% {} }

次のパターンは問題とは見なされません

@keyframes foo { from {} to {} }

キーフレームセレクターは常にパーセント表記を使用する必要があります。

次のパターンは問題と見なされます

@keyframes foo { from {} to {} }

次のパターンは問題とは見なされません

@keyframes foo { 0% {} 100% {} }

キーフレームセレクターは、キーワードのみのブロック内にある場合を除き、必ずパーセント表記を使用する必要があります。

次のパターンは問題と見なされます

@keyframes foo { from {} 100% {} }

次のパターンは問題とは見なされません

@keyframes foo { 0% {} 100% {} }

@keyframes foo { from {} to {} }