Skip to content

[css-transitions-1]: add explanation & example for transition shorthand parsing order #12500

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

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Changes from all commits
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
18 changes: 18 additions & 0 deletions css-transitions-1/Overview.bs
Original file line number Diff line number Diff line change
Expand Up @@ -403,6 +403,24 @@ Value Definitions {#values}
transition-delay.
</p>

<p>
Order is also important within each transition definition for distinguishing
<<single-transition-property>> values from other keywords. When parsing, keywords that are
valid for properties other than ''transition-property'' whose values were not found earlier
in the shorthand must be accepted for those properties rather than for
''transition-property''. Furthermore, when serializing, default values of other properties
must be output in at least the cases necessary to distinguish a ''transition-property''
that could be a value of another property, and may be output in additional cases.
</p>

<p class="example">
For example, a parsed value from ''transition: ease-in ease-out'' (where
''transition-timing-function'' is ''transition-timing-function/ease-in'' and
''transition-property'' is 'ease-out') must not be serialized as
''transition: ease-out ease-in'' (where the ''transition-timing-function'' would be
''transition-timing/ease-out'' and the ''transition-property'' would be ''ease-in'').
</p>

<p>
If there is more than one <<single-transition>> in the shorthand,
and any of the transitions has
Expand Down