diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/css-color/t424-hsl-values-b-14.html | |
parent | Initial commit. (diff) | |
download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-color/t424-hsl-values-b-14.html')
-rw-r--r-- | testing/web-platform/tests/css/css-color/t424-hsl-values-b-14.html | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-color/t424-hsl-values-b-14.html b/testing/web-platform/tests/css/css-color/t424-hsl-values-b-14.html new file mode 100644 index 0000000000..48fbe10210 --- /dev/null +++ b/testing/web-platform/tests/css/css-color/t424-hsl-values-b-14.html @@ -0,0 +1,49 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Test: hsl() values</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="author" title="Intel" href="http://www.intel.com"> +<link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" /> +<link rel="match" href="t424-hsl-values-b-14-ref.html" /> +<meta name="assert" content="Implementation of algorithm for converting hsl() colors to rgb() colors." /> +<style> + table { border-spacing: 0; padding: 0; border: none; } + td { border: none; padding: 0; } + td { width: 1.2em; height: 1.2em; } +</style> +<body> + <p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in ten steps from black at the left to white at the right with blue at the middle.</p> + <table> + <tr> + <td style="background: black"> </td> + <td style="background: hsl(240, 100%, 0%)"> </td> + <td style="background: hsl(240, 100%, 10%)"> </td> + <td style="background: hsl(240, 100%, 20%)"> </td> + <td style="background: hsl(240, 100%, 30%)"> </td> + <td style="background: hsl(240, 100%, 40%)"> </td> + <td style="background: hsl(240, 100%, 50%)"> </td> + <td style="background: hsl(240, 100%, 60%)"> </td> + <td style="background: hsl(240, 100%, 70%)"> </td> + <td style="background: hsl(240, 100%, 80%)"> </td> + <td style="background: hsl(240, 100%, 90%)"> </td> + <td style="background: hsl(240, 100%, 100%)"> </td> + <td style="background: white"> </td> + </tr> + <tr> + <td style="background: white"> </td> + <td style="background: rgb(0, 0, 0)"> </td> + <td style="background: rgb(0, 0, 51)"> </td> + <td style="background: rgb(0, 0, 102)"> </td> + <td style="background: rgb(0, 0, 153)"> </td> + <td style="background: rgb(0, 0, 204)"> </td> + <td style="background: rgb(0, 0, 255)"> </td> + <td style="background: rgb(51, 51, 255)"> </td> + <td style="background: rgb(102, 102, 255)"> </td> + <td style="background: rgb(153, 153, 255)"> </td> + <td style="background: rgb(204, 204, 255)"> </td> + <td style="background: rgb(255, 255, 255)"> </td> + <td style="background: black"> </td> + </tr> + </table> +</body> |