text-shadow-orientation-upright-001-ref.html (1172B)
1 <!DOCTYPE html> 2 3 <meta charset="UTF-8"> 4 5 <title>CSS Reference Test</title> 6 7 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> 8 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> 9 10 <style> 11 div 12 { 13 color: transparent; 14 font-family: Ahem; 15 font-size: 100px; 16 line-height: 1; 17 } 18 19 div#purple 20 { 21 text-shadow: 1em 0em purple; 22 } 23 24 div#orange-blue 25 { 26 color: yellow; 27 margin-left: 1em; 28 text-shadow: -1em 0em orange, 1em 0em blue; 29 } 30 31 div#fuchsia 32 { 33 text-shadow: 1em 0em fuchsia; 34 } 35 </style> 36 37 <div id="purple">U</div> 38 39 <div id="orange-blue">B</div> 40 41 <div id="fuchsia">F</div> 42 43 <!-- 44 45 ......... 46 . . 47 . . <-purple 48 . . 49 ....................... 50 . . . . 51 orange-> . . yel . . <-blue 52 . . low . . 53 ....................... 54 . . 55 . . <-fuchsia 56 . . 57 ......... 58 59 -->