| <!DOCTYPE html> |
| <html class="test-wait"> |
| <title>CSS animations test: No crash should occur when an animation ends while other animations continue</title> |
| <link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org"> |
| <link rel="help" href="https://crbug.com/1213307"> |
| <style> |
| @keyframes animationKeyframes { |
| from { opacity: 0.1; filter: blur(1px); } |
| to { opacity: 0.9; filter: blur(5px); } |
| } |
| </style> |
| <div id="longerAnimEl" style="animation: animationKeyframes 64ms;">a</div> |
| <div id="shorterAnimEl" style="animation: both animationKeyframes 32ms;">b</div> |
| <script> |
| longerAnimEl.addEventListener('animationend', () => { |
| document.documentElement.classList.remove('test-wait'); |
| }); |
| </script> |
| </html> |