src/third_party/WebKit/LayoutTests/compositing/culling/translated-boxshadow.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 .comp {
   6   -webkit-transform: translateZ(0px);
   7 }
   8 body {
   9   margin:0;
  10   padding:0;
  11 }
  12 .shadow {
  13   position:absolute;
  14   left:20px; right:20px;
  15   width:500px;
  16   height:500px;
  17   top:0px; bottom:20px;
  18   z-index:120;
  19   margin-top:20px;
  20   border: 1px solid transparent;
  21   -webkit-box-shadow: 0 0 6px #090;
  22   background-color: #090;
  23 }
  24 </style>
  25 <script type="text/javascript">
  26   if (window.testRunner) {
  27     testRunner.dumpAsTextWithPixelResults();
  28   }
  29 </script>
  30 </head>
  31
  32 <body>
  33 <!-- If culled incorrectly, the top/left edges outside of the shadowed box end up being culled instead of painted/drawn properly. -->
  34 <div class="comp shadow"></div>
  35 </body>
  36 </html>