<!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>