New CSS reference: Keyframe selectors

[estelle]

we reference keyframe selectors a bunch of times, but there was no reference page for them.

[github-actions]

Preview URLs (11 pages)

• /en-US/docs/Web/API/CSSKeyframeRule/keyText
• /en-US/docs/Web/API/CSSKeyframesRule/deleteRule
• /en-US/docs/Web/API/CSSKeyframesRule/findRule
• /en-US/docs/Web/CSS/Guides/Animations
• /en-US/docs/Web/CSS/Guides/Scroll-driven_animations/Timelines
• /en-US/docs/Web/CSS/Guides/Scroll-driven_animations
• /en-US/docs/Web/CSS/Guides/Selectors
• /en-US/docs/Web/CSS/Guides/Syntax/Error_handling
• /en-US/docs/Web/CSS/Reference/At-rules/@keyframes
• /en-US/docs/Web/CSS/Reference/Properties/animation-range
• /en-US/docs/Web/CSS/Reference/Selectors/Keyframe_selectors

Flaws (33)

Note! 8 documents with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Web/CSS/Reference/At-rules/@keyframes
Title: @keyframes
Flaw count: 4

• broken_links:
  • Link /en-US/docs/Web/CSS/qualified-rule-list doesn't resolve
  • Link /en-US/docs/Web/CSS/custom-ident is a redirect
  • Link /en-US/docs/Web/CSS/CSS_values_and_units/Value_definition_syntax#single_bar is a redirect
  • Link /en-US/docs/Web/CSS/string is a redirect

---

URL: /en-US/docs/Web/CSS/Reference/Properties/animation-range
Title: animation-range
Flaw count: 27

• broken_links:
  • Link /en-US/docs/Web/CSS/CSS_values_and_units/Value_definition_syntax#brackets is a redirect
  • Link /en-US/docs/Web/CSS/animation-range-start is a redirect
  • Link /en-US/docs/Web/CSS/animation-range-end is a redirect
  • Link /en-US/docs/Web/CSS/CSS_values_and_units/Value_definition_syntax#question_mark is a redirect
  • Link /en-US/docs/Web/CSS/CSS_values_and_units/Value_definition_syntax#brackets is a redirect
  • and 18 more flaws omitted
• macros:
  • Macro cssinfo produces link /en-US/docs/Web/CSS/CSS_cascade/Value_processing which is a redirect
  • Macro cssinfo produces link /en-US/docs/Web/CSS/CSS_cascade/Inheritance which is a redirect
  • Macro cssinfo produces link /en-US/docs/Web/CSS/CSS_cascade/Value_processing which is a redirect
  • Macro cssinfo produces link /en-US/docs/Web/CSS/CSS_animated_properties which is a redirect

---

URL: /en-US/docs/Web/CSS/Reference/Selectors/Keyframe_selectors
Title: Keyframe selectors
Flaw count: 2

• broken_links:
  • Link /en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations is a redirect
  • Link /en-US/docs/Web/CSS/CSS_Animations is a redirect

(comment last updated: 2026-01-06 15:00:09)

[chrisdavidmills]

@estelle adding a keyframe selector page is a nice idea. I've got some comments for you to consider.

[estelle]

I am working on a guide on range insets. I'll link to that guide from this page in that PR, once this page is merged.

[dipikabh]

Hi Estelle - I checked out this PR and I can see that the macro does not resolve as expected to /en-US/docs/Web/CSS/Reference/Selectors/Keyframe. I tried a few other versions of slug and filename but none seem to be working with the macro.

I was considering reaching out to the engineering team, but I realized that using the macro would add code formatting to "keyframe", which we probably don't want in "keyframe selector" contexts, since "keyframe" is not a keyword.

[chrisdavidmills]

@estelle A few more comments for you, but nice work — this is very nearly there. The new split-up examples are much better and make a lot more sense.

[estelle]

Hi Estelle - I checked out this PR and I can see that the macro does not resolve as expected to /en-US/docs/Web/CSS/Reference/Selectors/Keyframe. I tried a few other versions of slug and filename but none seem to be working with the macro.

I was considering reaching out to the engineering team, but I realized that using the macro would add code formatting to "keyframe", which we probably don't want in "keyframe selector" contexts, since "keyframe" is not a keyword.

Thanks. Makes sense. all the named selector types, like id, class, universal, etc., don't support macros either. Example: [Type selectors](/en-US/docs/Web/CSS/Reference/Selectors/Type_selectors).
That said, i'll rename the file path Keyframe_selector

[chrisdavidmills]

Nice work, @estelle. I've got one more minor nit for you to address, but I don't think I need to look at this again. Approving.

[dipikabh]

Thanks!