Skip to content

Commit 470e3a9

Browse files
committed
docs: update
1 parent 57d184f commit 470e3a9

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

docs/rules/no-duplicate-keyframe-selectors.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ Disallow duplicate selectors within keyframe blocks.
44

55
## Background
66

7-
The @keyframes at-rule in CSS defines intermediate steps in an animation sequence. Each keyframe selector (like `0%`, `50%`, `100%`, `from`, or `to`) represents a point in the animation timeline and contains styles to apply at that point.
7+
The [`@keyframes` at-rule](https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes) in CSS defines intermediate steps in an animation sequence. Each keyframe selector (like `0%`, `50%`, `100%`, `from`, or `to`) represents a point in the animation timeline and contains styles to apply at that point.
88

99
```css
1010
@keyframes test {
@@ -27,6 +27,8 @@ This rule warns when it finds a keyframe block that contains duplicate selectors
2727
Examples of **incorrect** code for this rule:
2828

2929
```css
30+
/* eslint css/no-duplicate-keyframe-selectors: "error" */
31+
3032
@keyframes test {
3133
0% {
3234
opacity: 0;
@@ -61,6 +63,8 @@ Examples of **incorrect** code for this rule:
6163
Examples of **correct** code for this rule:
6264

6365
```css
66+
/* eslint css/no-duplicate-keyframe-selectors: "error" */
67+
6468
@keyframes test {
6569
0% {
6670
opacity: 0;

0 commit comments

Comments
 (0)