gradient-single-stop-none-interpolation-ref.html (916B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 div { 6 height: 100px; 7 } 8 #basic { 9 /* "none" should resolve to zero when we only have one single stop. */ 10 background: linear-gradient(to right in srgb, color(srgb 0 0.5 0.5)); 11 } 12 #multipleNone { 13 /* "none" and "none" gives zero. */ 14 background: linear-gradient(to right in srgb, color(srgb 0 0 0)); 15 } 16 #allNone { 17 /* "none" and "none" gives zero. */ 18 background: linear-gradient(to right in srgb, color(srgb 0 0 0)); 19 } 20 #noneHue { 21 background: linear-gradient(to right in oklch, oklch(0.8 0.4 0)); 22 } 23 #noneHueLonger { 24 background: linear-gradient(to right in oklch longer hue, oklch(0.5 0.3 0)); 25 } 26 </style> 27 </head> 28 <body> 29 <div id="basic"></div> 30 <div id="multipleNone"></div> 31 <div id="allNone"></div> 32 <div id="noneHue"></div> 33 <div id="noneHueLonger"></div> 34 </body> 35 </html>