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  }