| <!doctype html> |
| <meta charset="utf-8"> |
| <title>Conic gradient with out-of-range stops</title> |
| <link rel="help" href="https://drafts.csswg.org/css-images-4/#conic-gradients"> |
| <meta name="assert" content="Rendering of conic-gradient with stops positioned outside of [0, 1]"> |
| <link rel="match" href="reference/200x200-blue-black-green-red.html"> |
| <style> |
| #gradient { |
| width: 200px; |
| height: 200px; |
| background-image: conic-gradient(orange -50% -25%, black -25% 25%, red 25% 50%, green 50% 75%, blue 75% 125%, purple 125% 150%); |
| } |
| </style> |
| <div id="gradient"></div> |