w3c / w3c/csswg-drafts

[css-values-5] Clarify what is a non-animatable `interpolate()` argument

Open
#9,591 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

css-values-5
Dominant language
Bikeshed
Stars
4.9k
Forks
816
Avg merge
2d 18h
Merged PRs (30d)
24

Description

interpolate() is defined to possibly take arguments that are not animatable.

The interpolate() notation is a <whole-value>. Additionally, if any of its <whole-value> arguments are not animatable, the notation is invalid.

The definition of not animatable refers to properties, not values:

The property is not animatable. It is not processed when listed in an animation keyframe, and is not affected by transitions.

Are you considering defining property animation types based on their specified value and updating Web Animations accordingly? Do you have an example of a property that is not animatable with some type of value?

(edit) replaced mix() with interpolate(), following the corresponding change introduced by 5fbd75b.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Read the CSS Values and Units Level 5 interpolate() definition and the linked Web Animations “not animatable” definition first. The issue is done when the specification clearly defines what a non-animatable interpolate() argument means and resolves whether corresponding Web Animations wording or examples are needed.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
documentation
Issue type
Documentation
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.