gradient-eval-010-ref.html (585B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Gradient interpolation</title> 5 <link rel="author" title="CGQAQ" href="mailto:m.jason.liu@gmail.com"> 6 <link rel="help" href="https://www.w3.org/TR/css-color-4/#interpolation"> 7 <style> 8 .test { 9 width: 100px; 10 height: 100px; 11 /* none should not resolve to 40% */ 12 /* hsl(180 50% 40%) in rgb is color(srgb 0.2 0.6 0.6) which is 60% of b component */ 13 background: linear-gradient(90deg in srgb, color(srgb 0 0 60%), hsl(180 50% 40%)); 14 } 15 </style> 16 </head> 17 <body> 18 <div class="test"></div> 19 </body> 20 </html>