Skip to content

[css-animations-2] Added animation-delay-start/end and made animation-delay a shorthand - #14167

Merged
ydaniv merged 2 commits into
mainfrom
add-animation-delay-end
Jul 17, 2026
Merged

[css-animations-2] Added animation-delay-start/end and made animation-delay a shorthand#14167
ydaniv merged 2 commits into
mainfrom
add-animation-delay-end

Conversation

@ydaniv

@ydaniv ydaniv commented Jul 10, 2026

Copy link
Copy Markdown
Member

Fixes #13863 :

  • Added animation-delay-start, basically mapped to the current definition of animation-delay from css-animations-1
  • Added animation-delay-end, with 2 issues inlined
  • Made animation-delay a shorthand
  • Fixed errors and warnings

Comment thread css-animations-2/Overview.bs Outdated
Comment on lines +596 to +603
<pre class="propdef shorthand">
Name: animation-delay
Value: [ <<'animation-delay-start'>> <<'animation-delay-end'>>? ]#
</pre>

The 'animation-delay' property is a [=shorthand property|shorthand=]
that sets 'animation-delay-start' and 'animation-delay-end'
together in a single declaration.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Perhaps this is sufficiently clear, but I wonder if we should add a note here that explains that specifying a single value only sets animation-delay-start and why, for backward compatibility reasons, it doesn't also set animation-delay-end.

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

Sure, we can emphasize that again here if it helps

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

added

@ydaniv
ydaniv merged commit dadb67b into main Jul 17, 2026
1 check passed
@ydaniv
ydaniv deleted the add-animation-delay-end branch July 17, 2026 11:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[css-animations-2] Add the animation-end-delay property

2 participants