Content - 614d5e314b8b97768182e9c15d7ac365deb58e80 - 7a14e75/css/css-color/t424-hsl-values-b-12.html

visit type:

Tip revision: 4e5f09f89e6f1976dd49a57ba46cd447c7e19a1e authored by Alex Moshchuk on 13 April 2018, 15:22:14 UTC
Reland: Use PostTask to schedule cross-process postMessage forwarding.

Tip revision: 4e5f09f

t424-hsl-values-b-12.html

<!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-12-ref.html" />
<meta name="flags" content="" />
<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 green at the middle.</p>
  <table>
    <tr>
      <td style="background: black">&nbsp;</td>
      <td style="background: hsl(120, 100%, 0%)">&nbsp;</td>
      <td style="background: hsl(120, 100%, 10%)">&nbsp;</td>
      <td style="background: hsl(120, 100%, 20%)">&nbsp;</td>
      <td style="background: hsl(120, 100%, 30%)">&nbsp;</td>
      <td style="background: hsl(120, 100%, 40%)">&nbsp;</td>
      <td style="background: hsl(120, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(120, 100%, 60%)">&nbsp;</td>
      <td style="background: hsl(120, 100%, 70%)">&nbsp;</td>
      <td style="background: hsl(120, 100%, 80%)">&nbsp;</td>
      <td style="background: hsl(120, 100%, 90%)">&nbsp;</td>
      <td style="background: hsl(120, 100%, 100%)">&nbsp;</td>
      <td style="background: white">&nbsp;</td>
    </tr>
    <tr>
      <td style="background: white">&nbsp;</td>
      <td style="background: rgb(0, 0, 0)">&nbsp;</td>
      <td style="background: rgb(0, 51, 0)">&nbsp;</td>
      <td style="background: rgb(0, 102, 0)">&nbsp;</td>
      <td style="background: rgb(0, 153, 0)">&nbsp;</td>
      <td style="background: rgb(0, 204, 0)">&nbsp;</td>
      <td style="background: rgb(0, 255, 0)">&nbsp;</td>
      <td style="background: rgb(51, 255, 51)">&nbsp;</td>
      <td style="background: rgb(102, 255, 102)">&nbsp;</td>
      <td style="background: rgb(153, 255, 153)">&nbsp;</td>
      <td style="background: rgb(204, 255, 204)">&nbsp;</td>
      <td style="background: rgb(255, 255, 255)">&nbsp;</td>
      <td style="background: black">&nbsp;</td>
    </tr>
  </table>
</body>

Browse the archive

https://github.com/web-platform-tests/wpt