Content - 614d5e314b8b97768182e9c15d7ac365deb58e80 - 1dde080/css/css-color/t424-hsl-values-b-12.html

visit type:

Tip revision: ccd6ec8cfd1bbc38ff0ad8e87cad5814b9b70613 authored by Geoffrey Sneddon on 16 March 2018, 16:45:04 UTC
Get rid of redundant host/certificate_domain definitions

Tip revision: ccd6ec8

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