Blitz - WPT: standards-decor-noblur-2.html

wpt / css / css-text-decor / text-shadow / standards-decor-noblur-2.html

/css/css-text-decor/text-shadow/standards-decor-noblur-2.html

<!DOCTYPE HTML>
<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-shadow-property">
<link rel="match" href="standards-decor-noblur-2-ref.html">
<meta name="fuzzy" content="0-1;0-8">
<!-- Shadows are painted below text AND its decorations -->
<style>
#target {
  position: absolute;
  top: 20px;
  left: 20px;
  color: grey;
  text-shadow: green 0px 2px, blue 0px 4px;
  font-size: 100px;
  text-decoration: underline;
}
</style>
<div id="target">Hello</div>

/css/css-text-decor/text-shadow/standards-decor-noblur-2-ref.html

<!DOCTYPE HTML>
<style>
.underlined {
  position: absolute;
  left: 20px;
  font-size: 100px;
  text-decoration: underline;
}
</style>
<div class="underlined" style="top: 24px; color: blue; z-index: 0">Hello</div>
<div class="underlined" style="top: 22px; color: green; z-index: 1">Hello</div>
<div class="underlined" style="top: 20px; color: grey; z-index: 2">Hello</div>