testing/web-platform/tests/css/css-backgrounds/reference/box-shadow-multiple-001-ref.html
author dadaa <daisuke.akatsuka@birchill.co.jp>
Wed, 09 Jul 2025 04:53:58 +0000 (13 hours ago)
changeset 795836 a5500d271fe3a1fefb4d81d96fc4abd00d9eade7
parent 667474 6dc7a03307c7249bc4d46fe8f237f719d9c379bb
permissions -rw-r--r--
Bug 1957280: Limit user's mouse amount for tree component r=places-reviewers,reusable-components-reviewers,masayuki,mstriemer Differential Revision: https://phabricator.services.mozilla.com/D251224
<!DOCTYPE html>

  <meta charset="UTF-8">

  <title>CSS Reference Test</title>

  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">

  <style>
  div
    {
      color: transparent;
      font-family: Ahem;
      font-size: 50px;
      line-height: 1;
    }

  div.purple
    {
      text-shadow: 1em 0em purple;
    }

  div.orange-blue
    {
      color: yellow;
      margin-left: 1em;
      text-shadow: -1em 0em orange, 1em 0em blue;
    }

  div.fuchsia
    {
      margin-bottom: 0.2em;
      text-shadow: 1em 0em fuchsia;
    }

  div#third-top
    {
      text-shadow: 1em 0em #BF7F7F;
    }

  div#third-horiz-left-right
    {
      color: yellow;
      margin-left: 1em;
      text-shadow: -1em 0em #FFD23F , 1em 0em #7F7FBF;
    }

  div#third-bottom
    {
      text-shadow: 1em 0em #FF7FBF;
    }
  </style>

  <div class="purple">U</div>

  <div class="orange-blue">B</div>

  <div class="fuchsia">F</div>


  <div class="purple">U</div>

  <div class="orange-blue">B</div>

  <div class="fuchsia">F</div>


  <div id="third-top">T</div>

  <div id="third-horiz-left-right">H</div>

  <div id="third-bottom">B</div>


  <!--

  The top first 2 are:

                  .........
                  .       .
                  .       . <-purple
                  .       .
           .......................
           .      .       .      .
  orange-> .      .  yel  .      . <-blue
           .      .  low  .      .
           .......................
                  .       .
                  .       . <-fuchsia
                  .       .
                  .........

  The bottom one is:

                  .........
                  .       .
                  .       . <-#BF7F7F
                  .       .
           .......................
           .      .       .      .
 #FFD23F-> .      .  yel  .      . <-#7F7FBF
           .      .  low  .      .
           .......................
                  .       .
                  .       . <-#FF7FBF
                  .       .
                  .........

  -->