third_party/WebKit/LayoutTests/compositing/visibility/visibility-remove-layer-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style>
   5     .set {
   6       position: absolute;
   7       top: 8px;
   8     }
   9     .box {
  10       height: 100px;
  11       width: 100px;
  12       background-color: blue;
  13     }
  14
  15     .hidden {
  16       visibility: hidden;
  17     }
  18
  19     .container.hidden {
  20       outline: 4px solid red;
  21     }
  22
  23     .visible {
  24       visibility: visible;
  25     }
  26     .should-be-hidden {
  27       background-color: red !important;
  28     }
  29     .should-be-visible {
  30       background-color: green !important;
  31     }
  32
  33     .visible-indicator {
  34       background-color: green;
  35     }
  36
  37     .hidden-indicator {
  38       background-color: red;
  39     }
  40   </style>
  41 </head>
  42 <body>
  43   <div class="set">
  44     <div class="hidden-indicator box"></div>
  45   </div>
  46
  47   <div class="set">
  48     <div class="hidden container">
  49       <div id="target" class="hidden">
  50         <div class="visible box should-be-visible"></div>
  51       </div>
  52     </div>
  53   </div>
  54 </body>
  55 </html>