Re: [csswg-drafts] [css-animations-2] Composed Animations with existing keyframes (#7574)

• From: Sebastian Zartner via GitHub <sysbot+gh@w3.org>
• Date: Mon, 08 Aug 2022 05:58:22 +0000
• To: public-css-archive@w3.org
• Message-ID: <issue_comment.created-1207699827-1659938301-sysbot+gh@w3.org>

I always thought this would be covered by the [`animation-composition`](https://drafts.csswg.org/css-animations-2/#animation-composition) property, though that obviously defines the composition of different values for a single property.

Though looking at the group effects linked by @birtles. @bramus Your example could be simplified by writing this:

```css
@keyframes composed {
  from fadeInDown;
  45% 55% flip;
  to fadeOutDown;
}
```

I.e. the first and last ranges are created automatically by the keywords or by defining `0%` and `100%`.

Sebastian

-- 
GitHub Notification of comment by SebastianZ
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7574#issuecomment-1207699827 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 8 August 2022 05:58:24 UTC