| <!doctype html> |
| <html class="reftest-wait"> |
| <title>Animate a <stop> element</title> |
| <link rel="match" href="../struct/reftests/reference/green-100x100.html"> |
| <script src="/common/reftest-wait.js"></script> |
| <script src="/common/rendering-utils.js"></script> |
| <script> |
| function test() { |
| waitForAtLeastOneFrame().then(takeScreenshot); |
| } |
| </script> |
| <svg> |
| <linearGradient id="g"> |
| <stop stop-color="red"> |
| <animate attributeName="stop-color" values="red; green" dur="1s" |
| keyTimes="0; 0.01" fill="freeze" calcMode="discrete" |
| onbegin="test()"/> |
| </stop> |
| </linearGradient> |
| <rect width="100" height="100" fill="url(#g)"/> |
| </svg> |