| <!DOCTYPE html> | |
| <title>Starting a CSS Animation and Web Animation at the same time on SVG style elements</title> | |
| <link rel="help" href="https://crbug.com/1264236"> | |
| <style> | |
| @keyframes anim { | |
| from { color: green; } | |
| to { color: red; } | |
| } | |
| #target { | |
| animation: anim 1s linear; | |
| } | |
| </style> | |
| <svg> | |
| <style id=target>Test</style> | |
| </svg> | |
| <script> | |
| addEventListener('load', () => { | |
| target.animate({'top': ['0px', '10px']}, 1000); | |
| target.offsetTop; | |
| }); | |
| </script> |