blob: 6de2c6e42c10e2b8fc3e3be945e562993db491e2 [file] [log] [blame]
<!DOCTYPE HTML>
<script type="text/javascript">
if (window.testRunner) {
testRunner.testRepaint();
testRunner.repaintSweepHorizontally();
}
</script>
<div style="
font-family: Lucida Grande;
font-weight: bold;
font-size: 48px;
margin: 20px;
text-shadow: hsla(20, 100%, 50%, 1) 7px 4px 0
, hsla(60, 100%, 50%, 1) -8px 14px 2px
, hsla(100, 100%, 50%, 1) -21px -12px 5px;
">
<span style="text-decoration: overline underline line-through;">&nbsp; &nbsp; &nbsp; multiple &nbsp; &nbsp;</span> &nbsp; &nbsp; shadows &nbsp; &nbsp; &nbsp;
</div>
<div style="
width: 100px;
height: 100px;
margin: 100px;
-webkit-border-radius: 25px;
-webkit-box-shadow: hsla(20, 100%, 50%, 1) 7px 4px 0
, hsla(60, 100%, 50%, 1) -8px 14px 2px
, hsla(100, 100%, 50%, 1) -21px -12px 5px;
">
</div>