target-text-shadow-vertical.html (861B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS Pseudo-Elements Test: Shadows on vertical 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-vertical-ref.html"> 7 <meta name="assert" value="::target-text with a shadow is painted, including originating element shadows"> 8 <style> 9 :root { 10 line-height: 1; 11 writing-mode: vertical-lr; 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>