third_party/WebKit/LayoutTests/compositing/overlap-blending/preserves3d-opacity.html

   1 <!DOCTYPE HTML>
   2 <html>
   3   <head>
   4     <meta http-equiv="Content-type" content="text/html; charset=utf-8">
   5     <style type="text/css" media="screen">
   6       div {
   7         -webkit-box-sizing: border-box;
   8       }
   9       .solid {
  10         position: absolute;
  11         width: 200px;
  12         height: 200px;
  13         background-color: green;
  14       }
  15
  16       .opacity { opacity: .1; }
  17
  18       .preserve3d {
  19         transform: translateZ(0);
  20         -webkit-transform-style: preserve-3d;
  21       }
  22       * { margin: 0; padding: 0; }
  23
  24     </style>
  25   </head>
  26     <div class="opacity solid preserve3d">123</div>
  27
  28 </html>