third_party/WebKit/LayoutTests/fast/reflections/reflection-nesting.html

   1 <html>
   2 <head>
   3 <style>
   4 .outer { width:200px;height:200px;background-color:lime; -webkit-box-reflect: right 10px; }
   5 .inner { width:100px;height:100px;background-color:blue; -webkit-box-reflect: below; }
   6 </style>
   7 </head>
   8 <body>
   9 The two lime squares below should look like mirror images (with a blue rectangle filling half the left square on the left and half the right
  10 square on the right).
  11 <div class="outer">
  12 <div class="inner">
  13 </div>
  14 </div>