Skip to content
Open
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
Replace simple CSS property links with cssxref macro in /web/css
Search:  \[`([^`]+?)`\]\(/en-US/docs/Web/CSS/Reference/Properties/\1\)
Replace: {{cssxref("$1")}}
  • Loading branch information
dipikabh committed Dec 10, 2025
commit df6366a9f6e1d0f58d1f468930b0f7fd2b62dab4
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ animation-range-start: unset;
## Description

Allowed values for the `animation-range-start` property are `normal`, a {{cssxref("length-percentage")}}, a `<timeline-range-name>`, or a `<timeline-range-name>` followed by a `<length-percentage>`. If the [`<timeline-range-name>`](/en-US/docs/Web/CSS/Reference/Values/timeline-range-name) value does not include a `<length-percentage>`, the percentage defaults to `0%`.
See [`animation-range`](/en-US/docs/Web/CSS/Reference/Properties/animation-range) for a detailed description of the available values.
See {{cssxref("animation-range")}} for a detailed description of the available values.
Also check out the [View progress timeline visualizer](https://scroll-driven-animations.style/tools/view-timeline/ranges/), which shows what the different values mean in an easy-to-follow visual format.

The `animation-range-start` is included in the {{cssxref("animation")}} shorthand as a reset-only value. This means that using the `animation` shorthand resets any previously declared `animation-range-start` value of equal or lower specificity to `normal`; the shorthand cannot be used to set a new `animation-range-start` value. When creating [CSS scroll-driven animations](/en-US/docs/Web/CSS/Guides/Scroll-driven_animations), you should declare `animation-range-start` _after_ declaring any `animation` shorthand to avoid resetting the value to `normal`.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -131,5 +131,5 @@ We set the `.first` box to use the first baseline, the `.auto` box uses the defa

## See also

- [`vertical-align`](/en-US/docs/Web/CSS/Reference/Properties/vertical-align) property
- {{cssxref("vertical-align")}} property
- [CSS box alignment overview](/en-US/docs/Web/CSS/Guides/Box_alignment/Overview)