third_party/WebKit/LayoutTests/fast/transforms/transforms-with-opacity.html

   1 <html>
   2 <head>
   3 <style>
   4 div {
   5   width:100px;
   6   height:100px;
   7   border:10px solid black;
   8   background-color:skyblue;
   9 }
  10
  11 .transparent {
  12   opacity: 0.5;
  13 }
  14
  15 .translated {
  16   transform:translate(120px, -10px)
  17 }
  18 </style>
  19 </head>
  20 <body>
  21 In the example below you should see three blocks right next to one another, and they should all be partially transparent.
  22
  23 <div class="transparent">
  24 <div class="translated"><div class="translated"></div></div>
  25 </div>
  26