src/third_party/WebKit/LayoutTests/compositing/reflections/reflection-on-composited.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   2    "http://www.w3.org/TR/html4/loose.dtd">
   3
   4 <html lang="en">
   5 <head>
   6   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   7   <title>Reflections on composited element</title>
   8   <style type="text/css" media="screen">
   9     .reflected {
  10       height: 100px;
  11       width: 200px;
  12       margin: 20px;
  13       margin-bottom: 120px;
  14       background-color: gray;
  15       -webkit-box-reflect: below 2px;
  16     }
  17     .transformed {
  18       transform: rotate3d(0, 0, 1, 0);
  19     }
  20   </style>
  21 </head>
  22 <body>
  23
  24 <div class="transformed reflected">Here is some text</div>
  25
  26 <div id="container" class="transformed">
  27   <div class="reflected">Here is some text</div>
  28 </div>
  29
  30 </body>
  31 </html>