target-text-shadow-horizontal.html (872B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS Pseudo-Elements Test: Shadows on horizontal target text</title> 4 <link rel="author" name="Stephen Chenney" href="mailto:schenney@igalia.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#highlight-painting"> 6 <link rel="match" href="target-text-shadow-horizontal-ref.html"> 7 <meta name="fuzzy" content="0-20;0-6100"> 8 <meta name="assert" value="::target-text with a shadow is painted, including originating element shadows"> 9 <style> 10 :root { 11 line-height: 1; 12 } 13 p { 14 font-size: 2em; 15 color: black; 16 text-shadow: 0.1em 0.1em 3px rgba(0,0,0,0.5); 17 } 18 p::target-text { 19 color: green; 20 text-shadow: 0.25em 0.25em 3px rgba(0,0,128,0.5); 21 } 22 </style> 23 <p>the target should have a shadow</p> 24 <script> 25 window.location.hash = "#:~:text=target"; 26 </script>