third_party/WebKit/LayoutTests/fast/multicol/transform-inside-opacity.html

   1 <head>
   2 <style>
   3 .transformed { background-color:green }
   4 .transformed:hover { background-color:maroon }
   5 </style>
   6 </head>
   7 <div style="position:relative; width:420px; height:200px; -webkit-column-count:2; -webkit-column-width:200px; -webkit-column-gap:20px; column-count:2; column-width:200px; column-gap:20px; column-fill:auto; border:2px solid black;">
   8 <div style="height:100px"></div>
   9 <div style="opacity:0.5">
  10 <div class="transformed" style="float:left;width:200px;height:100px;transform:translate(0, 100px)"></div>
  11 </div>
  12 </div>