Skip to content
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.

Sign up for GitHub

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

Jump to bottom

[css-values-4] Out of range progress of generic interpolation function / mix() #6701

Closed
fantasai opened this issue Sep 29, 2021 · 2 comments
Closed

[css-values-4] Out of range progress of generic interpolation function / mix() #6701

fantasai opened this issue Sep 29, 2021 · 2 comments
Labels
Closed Accepted by Editor Discretion Commenter Satisfied Commenter has indicated satisfaction with the resolution / edits. css-values-4 Current Work

Comments

@fantasai
Copy link
Collaborator

fantasai commented Sep 29, 2021 •
edited
Loading

In #581 and #2854 we resolved to add a generic interpolation function, which takes a percentage, a start value, and an end value.

  mix( [ <percentage> && [ by <easing-function> ]? ] ; <start-value> ; <end-value>)

One outstanding question is, what happens if the progress percentage is outside the 0-100% range? Do we clamp the values to the range? Do we interpolate past the range? Do we need a syntactic switch between the two (e.g. a clamp keyword in the first arg)?
@fantasai fantasai added the css-values-4 Current Work label Sep 29, 2021
@fantasai fantasai mentioned this issue Sep 30, 2021
Closed
@tabatkins
Copy link
Member

Out-of-range interpolation is already part of how CSS's interpolation mechanics work (you need it to handle some cubic-bezier(), if nothing else); we don't need to do anything special for this.

@Loirooriol
Copy link
Contributor

The percentage represents the input progress value, right? That's in the range [-∞, ∞]. So I wouldn't clamp. If some authors want to clamp, they can use clamp(0%, var(--progress), 100%) or something.

fantasai added a commit that referenced this issue Oct 15, 2021
@fantasai
[css-values-4] Clarify range of progress percentage in mix(). #6701
28934fc
@fantasai fantasai added Closed Accepted by Editor Discretion Commenter Satisfied Commenter has indicated satisfaction with the resolution / edits. labels Oct 15, 2021
@Loirooriol Loirooriol mentioned this issue May 13, 2022
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Closed Accepted by Editor Discretion Commenter Satisfied Commenter has indicated satisfaction with the resolution / edits. css-values-4 Current Work
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@tabatkins @fantasai @Loirooriol