Skip to main content

Browse the archive

https://github.com/web-platform-tests/wpt
26 December 2018, 22:31:15 UTC
Raw File
Tip revision: 1d80ed8c6e3c70dc91ecdc3942cf736c974e2490 authored by Behind The Math on 05 April 2018, 03:02:14 UTC
Add tests to check that the User-Agent header is set for XHR requests
Tip revision: 1d80ed8
t424-hsl-values-b-10.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-10-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 red at the middle.</p>
  <table>
    <tr>
      <td style="background: black">&nbsp;</td>
      <td style="background: hsl(0, 100%, 0%)">&nbsp;</td>
      <td style="background: hsl(0, 100%, 10%)">&nbsp;</td>
      <td style="background: hsl(0, 100%, 20%)">&nbsp;</td>
      <td style="background: hsl(0, 100%, 30%)">&nbsp;</td>
      <td style="background: hsl(0, 100%, 40%)">&nbsp;</td>
      <td style="background: hsl(0, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(0, 100%, 60%)">&nbsp;</td>
      <td style="background: hsl(0, 100%, 70%)">&nbsp;</td>
      <td style="background: hsl(0, 100%, 80%)">&nbsp;</td>
      <td style="background: hsl(0, 100%, 90%)">&nbsp;</td>
      <td style="background: hsl(0, 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(51, 0, 0)">&nbsp;</td>
      <td style="background: rgb(102, 0, 0)">&nbsp;</td>
      <td style="background: rgb(153, 0, 0)">&nbsp;</td>
      <td style="background: rgb(204, 0, 0)">&nbsp;</td>
      <td style="background: rgb(255, 0, 0)">&nbsp;</td>
      <td style="background: rgb(255, 51, 51)">&nbsp;</td>
      <td style="background: rgb(255, 102, 102)">&nbsp;</td>
      <td style="background: rgb(255, 153, 153)">&nbsp;</td>
      <td style="background: rgb(255, 204, 204)">&nbsp;</td>
      <td style="background: rgb(255, 255, 255)">&nbsp;</td>
      <td style="background: black">&nbsp;</td>
    </tr>
  </table>
</body>
back to top