Status: FAIL | Duration: 11ms | Subtests: 0/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi
/css/css-images/conic-gradient-color-with-sibling-index.html
<!DOCTYPE html> <title>CSS Images Test: conic-gradient() with hsl() and sibling-index() calculation</title> <link rel="help" href="https://drafts.csswg.org/css-images-4/#conic-gradients"> <link rel="help" href="https://drafts.csswg.org/css-values-5/#tree-counting"> <link rel="match" href="conic-gradient-color-with-sibling-index-ref.html"> <style> div { width: 100px; height: 100px; background: conic-gradient(hsl(calc(50deg * sibling-index()) 100% 50%), green); } </style> <span></span> <div></div>
/css/css-images/conic-gradient-color-with-sibling-index-ref.html
<!DOCTYPE html> <title>CSS Test Reference</title> <div style="width:100px;height:100px;background:conic-gradient(hsl(100deg 100% 50%), green)"></div>