| <!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;"> multiple </span> shadows |
| </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> |