Re: [csswg-drafts] [css-animations] Clarify whether `<keyframes-name>` supports the empty string (#7762)

I believe at least this kind of WPT testing is necessary.

```html
data:text/html;charset=UTF-8,<!doctype html>
<style>
  @-webkit-keyframes "" {
    to { background: red }
  }
  @keyframes "string" {
    to { background: green }
  }
  @keyframes "none" {
    to { background: green }
  }
  @keyframes "inherit" {
    to { background: green }
  }
  @keyframes "initial" {
    to { background: green }
  }
  @keyframes "revert" {
    to { background: green }
  }
  @keyframes "revert-layer" {
    to { background: green }
  }
  @keyframes "rever-rule" {
    to { background: green }
  }
  @keyframes "unset" {
    to { background: green }
  }
  
  .test {
    color: white;
    width: 300px;
    height: 50px;
    margin-top: 10px;
    background-color: red;
    animation: 0s both;
  }

  .test-webkit {
    background-color: green;
  }
</style>

<h3>The following should have a green background:</h3>

<div class="test test-webkit" style="-webkit-animation-name: '';"></div>
<div class="test" style="animation-name: 'none';"></div>
<div class="test" style="animation-name: 'inherit';"></div>
<div class="test" style="animation-name: 'initial';"></div>
<div class="test" style="animation-name: 'revert';"></div>
<div class="test" style="animation-name: 'revert-layer';"></div>
<div class="test" style="animation-name: 'rever-rule';"></div>
<div class="test" style="animation-name: 'none'; animation-name: ;">animation-name has no value</div>
```

<img width="1460" height="1190" alt="Image" src="https://github.com/user-attachments/assets/e2d97f1d-1db9-409f-851c-090b05c451b7" />

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


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

Received on Thursday, 13 November 2025 07:19:39 UTC