Re: [csswg-drafts] [animation-triggers-1] Proposal: toggle Custom States using Animation Triggers (`state-trigger`) (#13579)

• From: Robert Flack via GitHub <noreply@w3.org>
• Date: Tue, 31 Mar 2026 18:01:26 +0000
• To: public-css-archive@w3.org
• Message-ID: <issue_comment.created-4164427288-1774980083-noreply@w3.org>

I think you can set up generic state-like changes with animation triggers with something like this:
```css
@keyframes state-foo { to {--state: foo;} }
.target {
  animation: state-foo forwards;
  animation-trigger: --in-view;
  timeline-trigger: --in-view view();
  @container style(--state: foo) {
    /* Style descendants after state change */
  }
}
```

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


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

Received on Tuesday, 31 March 2026 18:01:27 UTC