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


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<html>
<head>
<style>
div {
  width:100px;
  height:100px;
  border:10px solid black;
  background-color:skyblue;
}

.transparent {
  opacity: 0.5;
}

.translated {
  transform:translate(120px, -10px)
}
</style>
</head>
<body>
In the example below you should see three blocks right next to one another, and they should all be partially transparent.

<div class="transparent">
<div class="translated"><div class="translated"></div></div>
</div>