Blitz - WPT: svg-fill-opacity.html

wpt / css / css-text-decor / text-shadow / svg-fill-opacity.html

/css/css-text-decor/text-shadow/svg-fill-opacity.html

<!doctype html>
<title>CSS Test: 'text-shadow' respects non-opaque fill</title>
<link rel="help" href="https://www.w3.org/TR/css-text-decor-3/#text-shadow-property">
<link rel="match" href="svg-fill-opacity-ref.html">
<style>
svg { font: bold 64px Arial, sans-serif; text-shadow: grey 10px 10px }
</style>
<svg width="240" height="80">
  <text x="30" y="50" fill="rgba(255, 255, 0, 0.5)">Hello</text>
</svg>

/css/css-text-decor/text-shadow/svg-fill-opacity-ref.html

<!doctype html>
<style>
svg { font: bold 64px Arial, sans-serif; text-shadow: grey 10px 10px }
</style>
<svg width="240" height="80">
  <text x="30" y="50" fill-opacity="0.5" fill="#FFFF00">Hello</text>
</svg>