Rule details

Disallow duplicate selectors within keyframe blocks.

What type of rule is this?

Warns about a potential problem

Example code

/* eslint css/no-duplicate-keyframe-selectors: "error" */

@keyframes foo { 0% {} 0% {} } // error

@keyframes foo { from {} from {} } // error

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

@keyframes foo { from {} to {} } // ✅

Participation

• I am willing to submit a pull request to implement this rule.

Additional comments

corresponding stylelint rule - https://stylelint.io/user-guide/rules/keyframe-block-no-duplicate-selectors