| <!doctype html> |
| <meta charset="utf-8"> |
| <title>CSS Test: Keyframe animations from the document match in use elements</title> |
| <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> |
| <link rel="author" title="Mozilla" href="https://mozilla.org"> |
| <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1513920"> |
| <link rel="match" href="use-keyframes-ref.html"> |
| <style> |
| @keyframes animationname { |
| from { fill: lime; } |
| to { fill: lime; } |
| } |
| </style> |
| <svg width="100" height="100" viewBox="0 0 100 100"> |
| <symbol id="symbol"> |
| <rect width="100%" height="100%" fill="red" style="animation: animationname 1s infinite;" /> |
| </symbol> |
| <use href="#symbol" /> |
| </svg> |