<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-shadow-property">
<link rel="match" href="quirks-decor-noblur-ref.html">
<div style="position: absolute; top: 20px; left: 20px; color: black; text-shadow: purple 4px 4px, red 7px 7px, green 10px 10px, grey 13px 13px; text-decoration: underline;">Hello</div>

<style>
div {
text-decoration: underline;
}
</style>

<div style="position: absolute; top: 33px; left: 33px; color: grey; z-index: 0;">Hello</div>
<div style="position: absolute; top: 30px; left: 30px; color: green; z-index: 1;">Hello</div>
<div style="position: absolute; top: 27px; left: 27px; color: red; z-index: 2;">Hello</div>
<div style="position: absolute; top: 24px; left: 24px; color: purple; z-index: 3;">Hello</div>
<div style="position: absolute; top: 20px; left: 20px; color: black; z-index: 4;">Hello</div>