Skip to content

New CSS module: easing functions #40645

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 11 commits into from
Aug 7, 2025
Merged

New CSS module: easing functions #40645

merged 11 commits into from
Aug 7, 2025

Conversation

estelle
Copy link
Member

@estelle estelle commented Aug 5, 2025

part of github.com/openwebdocs/project/issues/147

@estelle estelle requested a review from a team as a code owner August 5, 2025 22:59
@estelle estelle requested review from chrisdavidmills and removed request for a team August 5, 2025 22:59
@github-actions github-actions bot added Content:CSS Cascading Style Sheets docs size/m [PR only] 51-500 LoC changed labels Aug 5, 2025
Copy link
Contributor

github-actions bot commented Aug 5, 2025

Preview URLs (7 pages)
Flaws (2)

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

URL: /en-US/docs/Web/CSS/CSS_easing_functions
Title: CSS easing functions
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/CSS/CSS_values_and_units/CSS_value_functions is ill cased
  • macros:
    • Macro produces link /en-US/docs/Glossary/Bézier_curve which is a redirect
External URLs (2)

URL: /en-US/docs/Web/CSS/easing-function
Title: <easing-function>


URL: /en-US/docs/Web/CSS/easing-function/cubic-bezier
Title: cubic-bezier()

(comment last updated: 2025-08-06 16:28:14)

Copy link
Contributor

@chrisdavidmills chrisdavidmills left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@estelle This is looking mostly good; I've left a few comments for you to check over.


## Guides

- [CSS value functions](/en-US/docs/Web/CSS/CSS_Values_and_Units/CSS_Value_Functions)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is also linked in the "See also" section, but it doesn't seem to belong here, IMO. It is not a guide about easing functions specifically.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

narrowed the link down to the easing section.


Alternatively, you may want an animation to move forwards in distinct steps such as a segmented wheel that rotates such that the segments always appear in the same position. For this, step easing functions can be used.

By default, gradient color changes progress linearly between each pair of color stops. Easing functions enable controlling the rate of change of gradient interpolation, which can be used to produce different visual effects such as suggesting a concave or convex surface, or producing a striped effect.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This paragraph suggests that easing functions are used in controlling the rate of color change in CSS linear gradients, whereas that's not the case, right? Will it be the case in the future? You should remove this, or update it to make it clear that this is future functionality, whatever seems appropriate.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we will be able to, but not supported yet i don't think (I thought it was). Removing.

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
@estelle estelle requested a review from chrisdavidmills August 6, 2025 09:39
Copy link
Contributor

@chrisdavidmills chrisdavidmills left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@estelle Looking good. Just one small grammar nit to look at, but approving nonetheless.

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
@estelle estelle merged commit 861dc1b into main Aug 7, 2025
12 checks passed
@estelle estelle deleted the easing branch August 7, 2025 12:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Content:CSS Cascading Style Sheets docs size/m [PR only] 51-500 LoC changed
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants