marker-shadow-ref.html 667 B

12345678910111213141516171819202122232425262728293031323334
  1. <!DOCTYPE HTML>
  2. <!--
  3. Any copyright is dedicated to the Public Domain.
  4. http://creativecommons.org/licenses/publicdomain/
  5. -->
  6. <html>
  7. <head>
  8. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  9. <style type="text/css">
  10. @font-face {
  11. font-family: DejaVuSansMono;
  12. src: url(../fonts/DejaVuSansMono.woff);
  13. }
  14. div {
  15. font-family: DejaVuSansMono;
  16. padding-left: 1em;
  17. }
  18. /* We put the text and marker into separate spans, because
  19. overflow markers (and their shadows) are drawn separately
  20. from the text frame. */
  21. span {
  22. text-shadow: -0.5em 3px 2px red;
  23. }
  24. </style>
  25. </head>
  26. <body>
  27. <div><span>Hello</span><span>...</span></div>
  28. </body>
  29. </html>