github.com/evanw/esbuild@v0.21.4/scripts/gradient-tests.css (about) 1 .linear.red_to_green-esbuild { 2 background: linear-gradient(to right, color(display-p3 1 0 0), color(display-p3 0 0.6 0)); 3 } 4 5 .radial.red_to_green-esbuild { 6 background: radial-gradient(color(display-p3 1 0 0), color(display-p3 0 0.6 0)); 7 } 8 9 .conic.red_to_green-esbuild { 10 background: conic-gradient(color(display-p3 1 0 0), color(display-p3 0 0.6 0)); 11 } 12 13 .linear.rainbow_shorter-esbuild { 14 background: linear-gradient(to right in hwb shorter hue, hsl(180deg 100% 75%) 10%, hsl(240deg 100% 75%) 90%); 15 } 16 17 .radial.rainbow_shorter-esbuild { 18 background: radial-gradient(in hwb shorter hue, hsl(180deg 100% 75%) 10%, hsl(240deg 100% 75%) 90%); 19 } 20 21 .conic.rainbow_shorter-esbuild { 22 background: conic-gradient(in hwb shorter hue, hsl(180deg 100% 75%) 10%, hsl(240deg 100% 75%) 90%); 23 } 24 25 .linear.rainbow_longer-esbuild { 26 background: linear-gradient(to right in hsl longer hue, hsl(180deg 100% 75%) 10%, hsl(240deg 100% 75%) 90%); 27 } 28 29 .radial.rainbow_longer-esbuild { 30 background: radial-gradient(in hsl longer hue, hsl(180deg 100% 75%) 10%, hsl(240deg 100% 75%) 90%); 31 } 32 33 .conic.rainbow_longer-esbuild { 34 background: conic-gradient(in hsl longer hue, hsl(180deg 100% 75%) 10%, hsl(240deg 100% 75%) 90%); 35 } 36 37 .linear.rainbow_increasing-esbuild { 38 background: linear-gradient(to right in lch increasing hue, hsl(240deg 100% 75%) 10%, hsl(180deg 100% 75%) 90%); 39 } 40 41 .radial.rainbow_increasing-esbuild { 42 background: radial-gradient(in lch increasing hue, hsl(240deg 100% 75%) 10%, hsl(180deg 100% 75%) 90%); 43 } 44 45 .conic.rainbow_increasing-esbuild { 46 background: conic-gradient(in lch increasing hue, hsl(240deg 100% 75%) 10%, hsl(180deg 100% 75%) 90%); 47 } 48 49 .linear.rainbow_decreasing-esbuild { 50 background: linear-gradient(to right in oklch decreasing hue, hsl(180deg 100% 75%) 10%, hsl(240deg 100% 75%) 90%); 51 } 52 53 .radial.rainbow_decreasing-esbuild { 54 background: radial-gradient(in oklch decreasing hue, hsl(180deg 100% 75%) 10%, hsl(240deg 100% 75%) 90%); 55 } 56 57 .conic.rainbow_decreasing-esbuild { 58 background: conic-gradient(in oklch decreasing hue, hsl(180deg 100% 75%) 10%, hsl(240deg 100% 75%) 90%); 59 } 60 61 .linear.midpoint_hint-esbuild { 62 background: linear-gradient(to right, #f00, #ff0, 75%, #0ff, #00f); 63 } 64 65 .radial.midpoint_hint-esbuild { 66 background: radial-gradient(#f00, #ff0, 75%, #0ff, #00f); 67 } 68 69 .conic.midpoint_hint-esbuild { 70 background: conic-gradient(#f00, #ff0, 75%, #0ff, #00f); 71 } 72 73 .linear.premultiplied_alpha-esbuild { 74 background: linear-gradient(to right, #f00f, 10%, #00f1, 90%, #0f0f); 75 } 76 77 .radial.premultiplied_alpha-esbuild { 78 background: radial-gradient(#f00f, 10%, #00f1, 90%, #0f0f); 79 } 80 81 .conic.premultiplied_alpha-esbuild { 82 background: conic-gradient(#f00f, 10%, #00f1, 90%, #0f0f); 83 } 84 85 .linear.mixed_units-esbuild { 86 background: linear-gradient(to right, color(display-p3 0.4 0 1) 30px, color(display-p3 0.96 0.75 0.4) 60%); 87 } 88 89 .radial.mixed_units-esbuild { 90 background: radial-gradient(color(display-p3 0.4 0 1) 30px, color(display-p3 1 0.75 0.4) 60%); 91 } 92 93 .conic.mixed_units-esbuild { 94 background: conic-gradient(color(display-p3 0.4 0 1) 30deg, color(display-p3 1 0.75 0.4) 60%); 95 }