blob: 8b8579df5b7f3b579f9c1e4e22e1a30ceea4f5da [file] [log] [blame]
<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>