<html>
<body>
    <style>
        .testbox
        {
            display: inline-block;
            text-align: center;
            margin: 10px;
            width: 100px;
            height: 100px;
            background: white;
        }
        #container
        {
            width: 500px;
        }
    </style>
    <script>
        if (window.testRunner)
            window.testRunner.dumpAsText(true);
    </script>
    Divs with green no-blur shadows and offsets (x,y) listed.
    <div id="container">
        <div class="testbox" style="-webkit-box-shadow: green -1px -1px;">(-1,-1)</div>
        <div class="testbox" style="-webkit-box-shadow: green 1px 1px;">(1,1)</div>
        <div class="testbox" style="-webkit-box-shadow: green -1px 1px;">(-1,1)</div>
        <div class="testbox" style="-webkit-box-shadow: green 1px -1px;">(1,-1)</div>
        <div class="testbox" style="-webkit-box-shadow: green -2px -2px;">(-2,-2)</div>
        <div class="testbox" style="-webkit-box-shadow: green 2px 2px;">(2,2)</div>
        <div class="testbox" style="-webkit-box-shadow: green -2px 2px;">(-2,2)</div>
        <div class="testbox" style="-webkit-box-shadow: green 2px -2px;">(2,-2)</div>
        <div class="testbox" style="-webkit-box-shadow: green -3px -3px;">(-3,-3)</div>
        <div class="testbox" style="-webkit-box-shadow: green 3px 3px;">(3,3)</div>
        <div class="testbox" style="-webkit-box-shadow: green -3px 3px;">(-3,3)</div>
        <div class="testbox" style="-webkit-box-shadow: green 3px -3px;">(3,-3)</div>
        <div class="testbox" style="-webkit-box-shadow: green -4px -4px;">(-4,-4)</div>
        <div class="testbox" style="-webkit-box-shadow: green 4px 4px;">(4,4)</div>
        <div class="testbox" style="-webkit-box-shadow: green -4px 4px;">(-4,4)</div>
        <div class="testbox" style="-webkit-box-shadow: green 4px -4px;">(4,-4)</div>
    </div>
</body>
</html>