linear-gradient-sibling-index.html (560B)
1 <!DOCTYPE html> 2 <title>CSS Images Test: Linear gradient with sibling-index()</title> 3 <link rel="help" href="https://drafts.csswg.org/css-images/#linear-gradients"> 4 <link rel="help" href="https://drafts.csswg.org/css-values-5/#tree-counting"> 5 <link rel="match" href="linear-gradient-sibling-index-ref.html"> 6 <style> 7 .grad { 8 width: 100px; 9 height: 100px; 10 background: linear-gradient(blue calc(10px * sibling-index()), yellow); 11 } 12 </style> 13 <div> 14 <div></div> 15 <div class="grad"></div> 16 <div></div> 17 <div></div> 18 <div class="grad"></div> 19 </div>