Content - 2aec2f33e18d9599530704bbfea224a6af718243 - ef313da/css/css-color/t425-hsla-h-rotating-b-ref.html

visit type:

Tip revision: dc4d765410fee7b5e4b0d638c12e881a806f55a8 authored by Anne van Kesteren on 05 April 2018, 13:53:52 UTC
add scenario from smaug

Tip revision: dc4d765

t425-hsla-h-rotating-b-ref.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<style>
    table { border-spacing: 0; padding: 0; border: none; }
    td { border: none; padding: 0; }
    td { width: 1.2em; height: 1.2em; }
    #one { background: #FF0000; }
    #two { background: rgba(255, 255, 0, 0.8); }
    #three { background: rgba(0, 255, 0, 0.4); }
    #four { background: rgba(0, 255, 255, 0.6); }
    #five { background: rgba(0, 0, 255, 0.8); }
    #six { background: rgba(255, 0, 255, 0.4); }
</style>
<body>
    <p>Each column in the following table should have every cell the
    same color, except for the checkerboard pattern at the right and
    left used to indicate the row positions.</p>

    <table>
        <tr>
            <td style="background: white">&nbsp;</td>
            <td id="one">&nbsp;</td>
            <td id="two">&nbsp;</td>
            <td id="three">&nbsp;</td>
            <td id="four">&nbsp;</td>
            <td id="five">&nbsp;</td>
            <td id="six">&nbsp;</td>
            <td style="background: black">&nbsp;</td>
        </tr>
        <tr>
            <td style="background: black">&nbsp;</td>
            <td id="one">&nbsp;</td>
            <td id="two">&nbsp;</td>
            <td id="three">&nbsp;</td>
            <td id="four">&nbsp;</td>
            <td id="five">&nbsp;</td>
            <td id="six">&nbsp;</td>
            <td style="background: white">&nbsp;</td>
        </tr>
        <tr>
            <td style="background: white">&nbsp;</td>
            <td id="one">&nbsp;</td>
            <td id="two">&nbsp;</td>
            <td id="three">&nbsp;</td>
            <td id="four">&nbsp;</td>
            <td id="five">&nbsp;</td>
            <td id="six">&nbsp;</td>
            <td style="background: black">&nbsp;</td>
        </tr>
        <tr>
            <td style="background: black">&nbsp;</td>
            <td id="one">&nbsp;</td>
            <td id="two">&nbsp;</td>
            <td id="three">&nbsp;</td>
            <td id="four">&nbsp;</td>
            <td id="five">&nbsp;</td>
            <td id="six">&nbsp;</td>
            <td style="background: white">&nbsp;</td>
        </tr>
    </table>

</body>

Browse the archive

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